• ベストアンサー

テーブルの横に…

テーブルの横に「つなビィ」を付けたいのですが、できますか? そのままタグを入力すると、テーブルの下に付いてしまいます。

質問者が選んだベストアンサー

  • ベストアンサー
  • rukuku
  • ベストアンサー率42% (401/933)
回答No.1

はじめまして 以下のHTML&CSSを試してみてください。 ポイントは、Tableに「style="float:left;"」と「float」を使用していることです。 「style="clear:both;"」を使うと、以降の文や図はテーブルの下に表示されるようになります。 <HTML> <HEAD> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>Sample</TITLE> </HEAD> <TABLE border="1" style="float:left;"> <TR> <TD> About Me<BR> <HR> Name<BR> Age<BR> Birthday<BR> Mail<BR> </TD> </TR> </TABLE> <DIV>つなビィ</DIV> <DIV style="clear:both;">次の文章</DIV> </BODY> </HTML>

yk38
質問者

補足

ありがとうございます! うまくできました。 もうひとついいでしょうか? テーブルとつなビィの間隔をもっとあけるにはどうしたらいいですか?

その他の回答 (1)

  • rukuku
  • ベストアンサー率42% (401/933)
回答No.2

>テーブルとつなビィの間隔をもっとあけるにはどうしたらいいですか? <TABLE border="1" style="float:left;"> の行を <TABLE border="1" style="float:left;margin-right:20px;"> としてみてください。 このようなレイアウトは「スタイルシート(CSS)」を使うと便利です。 本を1冊もっていると便利です。また、紹介しているサイトも多数あります。

yk38
質問者

お礼

思い通りにできました。 丁寧にありがとうございます。 本も持っておいたほうがいいですね。