- ベストアンサー
リンクを3行に分けて表示したい
タグを今必死で勉強中なのですが、どうしてもわからないことがあります。 http://shop.7dream.com/find/w000/902/index.htm ↑のページのように、リンクの一覧を3行にわけて表示したいのですが、どうしても1行にしかできません。 わかる方がいらっしゃれば教えてやってください!!
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
htmlの書き方に間違いがあるかもしれませんが、 参考まで. <table border=0> <td valign="top" width=300 > <!-- ... 1st ... --> <a href=2nd column>link1a</a><br> <a href=2nd column>link1b</a><br> <a href=2nd column>link1c</a> </td> <td valign="top" width=300> <!-- ... 2nd ... --> <a href=2nd column>link2a</a><br> <a href=2nd column>link2b</a><br> <a href=2nd column>link2c</a> </td> <td valign="top" witdh=300> <!-- ... 2nd ... --> <a href=3rd column>link3a</a><br> <a href=3rd column>link3b</a><br> <a href=3rd column>link3c</a><br> <a href=3rd column>link3d</a> </td> <tr> <!-- to next line --> <td valign="top"> <!-- 1st col. 2nd line --> link </td> <td valign="top"> <!-- 2nd col. 2nd line --> link b </td> <td valign="top"> <!-- 3rd col. 2nd line--> link c </td> </table>
その他の回答 (3)
- fire--
- ベストアンサー率49% (146/293)
回答はすでに出ているのでアドバイスをひとつ。 どうなっているのだろう?というホームページを 見たら、右クリックでソースを表示できますので それでどんなタグを使っているかわかりますよ。 今回のは結構複雑なので構造が読みにくいですが ソースを見ると役に立つことが多いです。 また、ファイル=>名前をつけて保存 で保存して から見ても良いです。
お礼
あぁぁ!ソースって見れるんでしたね!すっかり忘れていました!!教えていただいてありがとうございます!! ここでいつも質問させていただいて、だんだんタグについても理解できるようになってきました。まだまだ初心者ですが、がんばっていいHPを作りたいと思います! 皆さんに20ポイントお付けさせていただきたいのですが、そうもいかないので自分なりにポイントをつけさせていただきます。 これからもまた質問するかもしれませんので、その時はよろしくお願いします!ありがとうございました!!
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 テーブルタグ(<table>)を利用すると簡単に出来ますよ。 <table width="600" cellspacing="0" cellpadding="2" border="0"> <tr> <td width="200"> ここが一番左 </td> <td width="200"> ここが真ん中 </td> <td width="200"> ここが一番右 </td> </tr> </table> あとはうまく応用してみてください。
お礼
テーブルタグは、表の時だけだと思い込んでいたので、線を非表示にするとは全く思いつきませんでした! わかりやすいタグまで教えていただいてありがとうございました!早速やってみます!!
- beni-izari
- ベストアンサー率41% (7/17)
このサイトのソースを見たところテーブルタグを使用していますね。 テーブルで3行にして、線を非表示に設定します。 他の方法もあると思いますけど、 これが一番簡単だと思いますので、私もテーブルで列を分けていますよ。
お礼
なるほど~!テーブルで線を非表示にすればいいのですか!初心者ゆえ、そういう機転がきかないんですよね(;´▽`A`` 教えてくださってありがとうございました!!
お礼
とても詳しくタグを書いていただいてありがとうございます!これなら、自分のページのリンク先を挿入するだけでできますね!! 本当にありがとうございました!早速やってみます!