 |
|||
|
■--画像の横に文字。 >>>ゆう。 -[URL] -- 2003/03/24-17:12..No.[22037] |
| |
|
http://chuchuplus.easter.ne.jp/top.html で、イラストの右下にコンテンツなどの 文字があると思うんですけど、 その文字をイラストの横に持っていくには どうしたらいいんでしょうか？ |
| |
|
|||
|
|||
|
>>> 水城 -- 2003/03/24-17:22..No.[22038] |
| |
|
tableを使うかalignで指定するか 好きな方でどうぞ。 ↓alignの指定方法 http://www.hp-design.net/beginning/lecture/html.06.html#lechtml_align2 質問とは関係ありませんが、body句が複数あります。 ソースを見直しした方がいいと思います。 |
| |
|
>>> No. -- 2003/03/24-17:23..No.[22039] |
| |
|
tableを使って、左のセルにイラスト、 右のセルに文字を入れれば良いかもしれません。 一例： <table> <tr> <td>イラスト</td> <td>文字</td> </tr> </table> またhtmlの構造が少しおかしいです。 <body></body>が一組よけいですし、 所々タグの内包関係があっていないところが ありました。 <a><font>文字</a></font>みたいに。 それと、 <A href="（省略）"STYLE="text-decoration:none"> というふうになっているところもありましたが <A href="（省略）" STYLE="text-decoration:none"> というふうにした方が良いかもしれません。 （hrefやstyleなど、属性の間には半角スペースを 一つだけ入れるようにしましょう） |
| |
|
>>> ゆう。 -[URL] -- 2003/03/24-18:04..No.[22041] |
| |
|
ありがとうございます。 あと、行と行の間を開けたり、 一番上の行をすこし下げたり するにはどうしたらいいんでしょう？ あと、キレイに縮小してくださるサイトで、 画像をドラッグ＆ドロップしてくださいっていうのが あったんですが、それはどうやったらいいんでしょうか？？ 質問が多くてごめんなさい。 |
| |
|
>>> No. -- 2003/03/25-10:35..No.[22088] |
| |
|
スタイルシートを入れる位置が違うのと、 よけいな<body>がまだありますので修正したほうがいいですよ。 行と行の間を開けたり、一番上の行をすこし下げたりするには スタイルシートを使ったりすると思いますが それだけでなくスタイルシートの基本もすこしだけ おぼえるといいですよ。 http://hp-design.net/style/ キレイに縮小してくれるサイトというのがどういったところか よくわかりませんが、ドラッグ＆ドロップというのは、 目的のファイルの上でマウスの左ボタンを押し ファイルの上でボタンを押したままでマウスを動かして移動し 目的の場所でボタンを離す、という動作を言います。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/25-17:16..No.[22112] |
| |
|
スタイルシートを入れる位置が違うのと、 よけいな<body>がまだあるとどうなるんんですか？ 具体的にどこ、と指摘してくださると ありがたいのですが。（よく意味がわからなくて） あと、ピクセルっていうのはサイズのことですよね。 ペイントで縮小するとき、ピクセルを４００×４００に して縮小サイトで指定した場合、ペイントでは 何×何にして変形させればいいんですか？ |
| |
|
>>> No. -- 2003/03/25-19:59..No.[22131] |
| |
|
スタイルシートを入れる位置については 私が先ほど紹介したサイトを見てくださればわかります。 bodyがよけいだと、正しい位置に広告が表示されなかったり ヘタをするとあなたのページが正しくみられないなど 色々な問題の原因になりかねません。 よけいなbodyは <body background="http://chuchuplus.easter.ne.jp/1972.gif"> （広告のタグ・省略） <body>←これです。（広告のタグのすぐ後にあるbodyです） それと <A href="http://plaza.rakuten.co.jp/ichigoichigo15/002000" STYLE="text-decoration> で、スタイル指定のダブルクォーテーション(")が一つ足りないので そのあとのソースが正しく解釈されていない可能性があります。 きちんと"でくくったほうがいいですよ。 ＞あと、ピクセルっていうのはサイズのことですよね。 ＞ペイントで縮小するとき、ピクセルを４００×４００に ＞して縮小サイトで指定した場合、ペイントでは ＞何×何にして変形させればいいんですか？ 縮小してもらった画像を、Windowsのペイントで 変形（縮小？）させたいのですか？ たて400*よこ400ピクセルに縮小してもらったものを さらに縮小させたいのでしょうか？ もっと具体的に詳しく書いてみると、適切なアドバイスを もらえると思います。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/26-18:17..No.[22152] |
| |
|
もう大丈夫でしょうか？？ |
| |
|
>>> No. -- 2003/03/27-09:05..No.[22158] |
| |
|
残念ですが、スタイルシートの挿入位置が間違っていますし 同じスタイル指定が何個もあったりして大丈夫とは言いづらいです。 もう一度、 http://hp-design.net/style/leccss2.html#styletag をよく読んでみて下さい。 あせらず一つ一つ勉強して覚えて直していけばOKですよ。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-19:34..No.[22167] |
| |
|
スタイルシートの位置が違うとか よくわかるなぁ、すごいです。。 全然自分ではわからないです・・ 違う部分を全部教えてください |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-19:55..No.[22170] |
| |
|
あと、広告の色を指定するにはどうしたらいいんでしょうか・・ |
| |
|
>>> No. -- 2003/03/27-20:00..No.[22171] |
| |
|
意地悪をしているわけでないのですが、 ここに全部書くとものすごく長くなってしまいます。 それにソースを自分で確認できるようになるのも HPを作る上で役立つことですよ。 とりあえずヒントをすこしだけ。 <STYLE type="text/css"> <!-- （省略） --> </STYLE> ↑この、<style></style>を一かたまりと考えて このかたまりを全部<head>と</head>の間に 入れてください。 また、 <title>STYLE TYPE="text/css"> <!-- .on{line-height:100%} --> </STYLE></title> となっているところは <title>HPのタイトル</title> <STYLE TYPE="text/css"> <!-- .on{line-height:100%} --> </STYLE> にしましょう。 自分で確認するのがめんどう・自分じゃわからない、というときは http://www.mikeneko.ne.jp/~lab/mikelint/ こういうふうなツールを使ってみるのも一つの手です。 （ただ、現在の状況だとかなりキツイ結果になると思います…） ##広告のタグの色はリンクの色を変えればOKです。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-20:55..No.[22174] |
| |
|
ご紹介いただいたツールをもとに 自力で頑張ってみたら点数が更に ものすごく下がってしまいました・・ 表示されたＨＰも、もうメチャクチャです・・ いま、このように↓指定しています。 至らない部分を直したものを ここに載せてください・・。 <!DOCTYPE HTML 〜><html> <head><META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"><title>STYLE TYPE="text/css</title></head><body> <!-- .on{line-height:100%} -->background="http://chuchuplus.easter.ne.jp/heart_kk1.gif"> <img src="http://chuchuplus.easter.ne.jp/tukasatyan7.jpg" alt="" align="left"><div align="center"><font size="1"><BLOCKQUOTE class="on"> <div align="center"><font color="#FF6666" face="HG丸ｺﾞｼｯｸM-PRO" size="7">chuchu+</div> <div align="center"><!-- SEKKAKU-COOUNT ここから --> <SCRIPT LANGUAGE="Javascript" SRC="http://cnt1.sekkaku.net/nph-cnt.cgi?id=A1045144476&column=4&tool=0&check=YES"></SCRIPT> <NOSCRIPT> <IMG SRC="http://cnt1.sekkaku.net/nph-cnt.cgi?id=A1045144476&script=no"> </NOSCRIPT> <!-- SEKKAKU-COOUNT ここまで --> |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-20:56..No.[22175] |
| |
|
つづき <font color="#333333"><font size="1">ＦＩＲＳＴキリ番→１００ <div align="center"><A HREF="http://chuchuplus.easter.ne.jp///kiri.html"><font size="1"><font color="#663300"> →キリ番ＧＥＴのひと</font></font></A></div> <P STYLE="font : bold 10pt/15pt sans-serif ;"> <div align="center"> <IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""><A href="http://mbspro2.uic.to/user/yuumik.html"STYLE="text-decoration:none"><font color="#FF0066"><font size="2"> ＢＢＳ</font></font></A><IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""><A href="http://w2.oekakies.com/p/tyunpipi/p.cgi"STYLE="text-decoration:none"><font color="#FF0066"><font size="2"> ＰＢＢＳ</font><IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://plaza.rakuten.co.jp/ichigoichigo15/002000"STYLE="text-decoration:none"><font color="#FF0066"><font size=2> gallery</font><IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://plaza.rakuten.co.jp/ichigoichigo15/003000"STYLE="text-decoration:none"><font color="#FF0066"><font size="2"> キリ絵</font><IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://vote2.ziyu.net/html/daikiday.html"STYLE="text-decoration:none"><font color="#FF0066"><font size="2">投票</font></font></A></font><IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://alink3.uic.to/user/daidayo.html"STYLE="text-decoration:none"><font color="#FF0066"><font size="2"> リンク集</font><IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://chuchuplus.fc2web.com/index.html"STYLE="text-decoration:none"><font color="#FF0066"><font size="2"> 小説</font></A></font></div></P> |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-20:56..No.[22176] |
| |
|
つづき <BLOCKQUOTE class="on"><div align="right"><font color="#006633"><font size="2">→いちご１００％のファンサイトです。</div><div align="right">→ブックマークは<A HREF="http://chuchuplus.easter.ne.jp/index.html"><font color="#FF3366">enterページ</font></A>でお願いします。</div><div align="right">→無断転載、荒らし等禁止</div><div align="right"> ...........................................................</div><div align="right">→リンクについて</div><div align="right">リンクフリーですが</div><div align="right"><A HREF="http://mbspro2.uic.to/user/yuumik.html"STYLE="text-decoration:none"><font color="#FF3366">ＢＢＳ</font></A>に事前連絡・事後連絡を頂ければ</div><div align="right">遊びに行かせて頂きます。</div><div align="right">□サイト名・chuchu+</div><div align="right">□管理人・桜庭大樹</div><div align="right">相互リンク大カンゲィ☆</div><div align="right">もちろん自動リンクには自由に貼ってください。</div><div align="right">.......................................................................................... <br clear="all"> <BLOCKQUOTE class="on"> <div align="center"><A HREF="http://chuchuplus.easter.ne.jp/kousinreki.html"><font size="2">☆更新歴☆<div></A> <div align="center">３/２０トプ絵変えと小説ページ作り</div> </BLOCKQUOTE></body> |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-21:01..No.[22177] |
| |
|
よろしくお願いします。 字がおかしくなってしまったし（書体も大きさも） 背景が消えてしまったし上に変なタグと広告みたいなのが 出てるしリンクに触っても膨張しなくなってしまって もうどうしたらいいのかわからないし 点数の結果をみても自分の情けなさに涙が出てきました。 助けてください・・。 |
| |
|
>>> 北島勝也 -- 2003/03/27-22:15..No.[22183] |
| |
|
何をどうしたらこうなるのかわかりませんが(^▽^;) とりあえず3つソースを書き込まれたうちの最初のを簡単に直してみました。 以下のようにしてみてください。 <html> <head><META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>+chuchu+</title> </head> <body background="http://chuchuplus.easter.ne.jp/heart_kk1.gif"> <div align="center"> <img src="http://chuchuplus.easter.ne.jp/tukasatyan7.jpg" alt="" align="left> <font color="#FF6666" face="HG丸ｺﾞｼｯｸM-PRO" size="7">chuchu+</font> <!-- SEKKAKU-COOUNT ここから --> <SCRIPT LANGUAGE="Javascript" SRC="http://cnt1.sekkaku.net/nph-cnt.cgi?id=A1045144476&column=4&tool=0&check=YES"></SCRIPT> <NOSCRIPT> <IMG SRC="http://cnt1.sekkaku.net/nph-cnt.cgi?id=A1045144476&script=no"> </NOSCRIPT> <!-- SEKKAKU-COOUNT ここまで --> </div> 画像が楽天から直リンクになっているので、自分のPCに落としてからeasterにアップロードしてくださいね。 それと一番下のところに</html>が抜けています。 あれもこれもやろうとせずに、ゆっくりがんばってみましょうね。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-22:25..No.[22184] |
| |
|
そのとおりに打ってみました。 背景はでました・・。 |
| |
|
>>> 北島勝也 -- 2003/03/27-22:44..No.[22186] |
| |
|
続き。 <div align="center"> <font color="#333333" size="1">ＦＩＲＳＴキリ番→１００ </font> <A HREF="http://chuchuplus.easter.ne.jp///kiri.html"><font size="1" color="#663300"> →キリ番ＧＥＴのひと</font></A></div> <P STYLE="font : bold 10pt/15pt sans-serif ;"> <IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://mbspro2.uic.to/user/yuumik.html"STYLE="text-decoration:none"><font color="#FF0066" size="2">ＢＢＳ</font></A> <IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://w2.oekakies.com/p/tyunpipi/p.cgi"STYLE="text-decoration:none"><font color="#FF0066" size="2">ＰＢＢＳ</font></A> <IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://plaza.rakuten.co.jp/ichigoichigo15/002000"STYLE="text-decoration:none"><font color="#FF0066" size=2>gallery</font></A> <IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://plaza.rakuten.co.jp/ichigoichigo15/003000"STYLE="text-decoration:none"><font color="#FF0066"><font size="2">キリ絵</font></A> <IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://vote2.ziyu.net/html/daikiday.html"STYLE="text-decoration:none"><font color="#FF0066" size="2">投票</font></A> <IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://alink3.uic.to/user/daidayo.html"STYLE="text-decoration:none"><font color="#FF0066"><font size="2">リンク集</font></A> <IMG SRC="http://plaza.rakuten.co.jp/img/user/51/52/3275152/102.gif" width="15" height="13" alt=""> <A href="http://chuchuplus.fc2web.com/index.html"STYLE="text-decoration:none"><font color="#FF0066" size="2">小説</font></A> </P> </div> 今、どこをリンクしているのかわかるように、区切りながら打って見てください。 Aタグやfontタグの閉じ忘れがありましたよ。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-22:56..No.[22188] |
| |
|
うちました。 えっと、タイトルから下の文字は 普通の文字で、リンクはカーソルをあてると 膨張するようにしたいのですが。 どこをどうしたらいいんでしょう。 |
| |
|
>>> 北島勝也 -- 2003/03/27-23:01..No.[22189] |
| |
|
<div
align="right"> <font color="#006633" size="2">→いちご１００％のファンサイトです。<br> →ブックマークは<A HREF="http://chuchuplus.easter.ne.jp/index.html"><font color="#FF3366">enterページ</font></A>でお願いします。<br> →無断転載、荒らし等禁止<br> ...........................................................<br> →リンクについて<br> リンクフリーですが<A HREF="http://mbspro2.uic.to/user/yuumik.html"STYLE="text-decoration:none"><font color="#FF3366">ＢＢＳ</font></A>に事前連絡・事後連絡を頂ければ<br> 遊びに行かせて頂きます。<br> □サイト名・chuchu+<br> □管理人・桜庭大樹<br> 相互リンク大カンゲィ☆<br> もちろん自動リンクには自由に貼ってください。<br> .......................................................................................... </div> <div align="center"> <A HREF="http://chuchuplus.easter.ne.jp/kousinreki.html"><font size="2">☆更新履歴☆</font></A><br> ３/２０トプ絵変えと小説ページ作り </div> </body> </html> 改行には<br>を使います。 大きな段落ごとに位置を指定するようなとき、<div>を利用しましょうね。 リンクに触って大きくするというのは、どういう方法でやろうとしたのか定かではないので、未記入です。 小技を覚えるのは基本が出来てからにしたほうがいいですよ。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-23:18..No.[22190] |
| |
|
コンテンツの書体が普通の文字になりません。 あと、膨張する文字でも震える文字でも いいんですが、震える文字というのは http://www.geocities.co.jp/AnimalPark-Shiro/6785/ こちらのサイトさまのコンテンツの部分みたいなやつです。 |
| |
|
>>> No. -- 2003/03/27-23:24..No.[22191] |
| |
|
ここでいちいち手取り足取り、コピーすればすんでしまうような 修正したソースを書いてしまっては今後のためにならないかな と思ってhtmlチェックツールをお教えしたのですが…。 今はわからなくても、取り合えず一つ一つエラーを修正したり 色々つめこまずに、簡単なソースだけで判定を行ったりして 段々自分の思い通りのサイトにしていくといいですよ。 htmlソースの書き方ですが、 適当なところで改行を入れると見やすいですし ミスも発見しやすいです。 <table width="30%"><tr><td align="center"><a href="URL"><img src="image.gif" alt="text"><font size="2">BBS</font></a></td></tr><table> より、 <table width="30%"> <tr><td align="center"> <a href="URL"> <img src="image.gif" alt="text"> <font size="2">BBS</font> </a> </td></tr> <table> こっちのほうがいくらかみやすいですよね？ |
| |
|
>>> ゆう。 -[URL] -- 2003/03/27-23:54..No.[22193] |
| |
|
これでもやっぱり 点数は低いままです。（すこしあがりましたが/涙） もう一体どこをどうしたらいいんでしょう・・。 コンテンツの書体は変わらないし行間も 前はもっと開いていたのに・・。 |
| |
|
>>> （*ﾟ∀ﾟ） -[URL] -- 2003/03/28-01:23..No.[22195] |
| |
|
ソースをズラズラトコピペしまくって質問するのではなく 自分で色々と努力するようにしましょう。。。。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/28-14:42..No.[22200] |
| |
|
何とかもう少し頑張ってみます。 |
| |
|
>>> ゆう。 -[URL] -- 2003/03/28-23:12..No.[22202] |
| |
|
えっと、いくつか疑問点が。 文字や画像を全て左寄せにした形にしたくて、 でも、タイトルやカウンターやコンテンツは、 左寄せでありながら、中心に集まってる形に したいんです。 →左寄せ chuchu+ カウンター ファーストキリ番 キリゲットの人 ＢＢＳ ＰＢＢＳ ギャラリー 小説 いちご１００％のファン サイトです。 ブックマークはエンター ページでお願いします。 →左寄せ みたいに。どうしてもタイトルもカウンターも一番左にまで いってしまうんです。 あと、広告が上になってしまいます。 どうしたらいいんでしょう。 それと、一番最後の文字の「自動リンクは〜」が、 ............. ............. の枠に入りません。 そこがいけないんでしょう。 ご回答お待ちしています。 |
| |
|
>>> キリ -- 2003/03/28-23:37..No.[22203] |
| |
|
http://hp-design.net/html/ ここをはじめから読んで、実践しながらHTMLを身に付けてください。 ご質問の答えとしては、テーブルタグを使うのが簡単だと思います。 広告が上に来るのはHTMLの構造がめちゃめちゃだからです。 |
| |
|
|||