• ベストアンサー

テーブルの横に…

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

  • yk38
  • お礼率52% (19/36)
  • HTML
  • 回答数2
  • ありがとう数1

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

  • ベストアンサー
  • 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
質問者

お礼

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

関連するQ&A

  • テーブルの横に文字を置くタグ

    テーブルの横に文字を表示したいのですが、どうしてもテーブルの上、もしくは下に表示されます。どのようなタグを使えば横に並べることが出来るのでしょうか? ちなみに右にテーブル、左に文字としたいのですが...

  • テーブルを2つ横に並べる

    ホームページ作りに熱中しているのですが、テーブルを2つ横に並べる方法がよくわかりません。どうしても縦に連なってしまいます。 テーブルを横に並べるタグはあるのでしょうか?教えてくださいm(vv)m このテーブルを横に並べたいのですが・・・。 <table style="border:1px solid 色;background-color:white;" cellpadding="5"><tr><td> 文字を入れる </td></tr></table>

  • 別々のテーブルは横に並べられない?

    Dreamweaverを使ってホームページを作っています。 初歩的な質問なのですが、 別々のテーブルを横に並べて表示したいのですが、 できないことなのでしょうか? また、テーブルの横にテキストを入力することも 不可能なのですか? ひとつのテーブルで作ったりすると、表示が遅めに なってしまわないでしょうか...? ご存知の方どうかお教えください。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • テーブルを横に並べたい

    お世話になります。HTML初心者で、入門書を見ながらHPを作っています。 テーブルを2つ横に並べたいのですが、 まず画面左に適当な表(表1)を作りました。そして、表1の右に見た目で3cm程間をあけて、同じ表を作りたいのですが、どういうタグを打てばいいのでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルを横に並べたいのですが

    ホームページ作成で、 テーブルを横に並べたいのですが、 テーブルを -----------------------    -------------------------------- 狭い幅                  狭い幅           -----------------------    -------------------------------                              広い幅                  広い幅                                      ------------------------    -------------------------------- こんな感じで間を空けて並べたいのですが、 うまく書けませんが(>_<)中は仕切って 横2マスのテーブルと横3マスのテーブルを別々に作って 横に並べたいのです。 どのようにすればよいでしょうか? よろしくお願いします!

  • HTMLでテーブルを横に並べる方法

    HTMLでホームページを作っています。 テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか? 教えていただければ幸いです。 よろしくお願いします。

  • HP内に小さなテーブルを作って・・・

    タグを使ってHPを作っています。HP内に小さなテーブルを作ってそれにスクロールバーを付けて自由に動かして見れるようなのを作りたいんです。 どういったものか表現しにくいのですが、丁度ここのコーナーで質問すると投稿のページで質問のタイトルを入力する欄の下、質問内容(今現在私が書き込んでいるスペース)のようなものです。 注意!! ひとつここが重要なんですが、今お話した「質問内容」のテーブル(?)は縦方向のスクロールですよね?私は縦にはスクロースせず、横方向にスクロールするテーブルを作りたいんです。どなたかタグの入力方法ご存知の方、おしえてください。

    • ベストアンサー
    • HTML
  • テーブルの中で、画像の横に画像を表示

    意味不明なタイトルをクリックしてくださってありがとうございます。 さっそく質問ですが、 問題のテーブルがある私のブログです。同盟などの小さな画像をテーブルタグの中に敷き詰めています。 ですが、縦長の画像がありまして、普通に画像のリンクを並べているだけでは、その画像の隣だけへんな空間ができてしまいます。なので、次の画像がその縦長の画像の横に来るように<img>タグの中に、style="float:left"というのをつけてみたのですが、その下からテーブルが途切れて、悲惨なことになってしまいます。 どんなタグを使えば、テーブルが途切れなくなりますか??

    • ベストアンサー
    • HTML
  • テーブルを横に二つ並べるには?

    テーブル(2行5列)を4つ並べたいと思っています。 それぞれのテーブルとは若干のスペースが欲しいと思っています。 縦に並べるなら改行でもしてスペースを造ればいいと思うのですが、横にテーブルを(スペース有で)並べるにはどのようにしたら良いのでしょうか? どうぞよろしくお願いします。

  • HP作成。テーブルの横にも下にも文字を入れたい。

    HP作成。テーブルの横にも下にも文字を入れたい。 お世話になります。HPを作成しています。わからないことがあります。 タイトルにもしましたが、テーブルについてです。 下記のような感じにページの途中をしたいのですが、どのようにすれば。 ☆テーブル1  -------          -------  |(テーブル1)|    →   |(テーブル2)|  ------           -------  1の補足 違う内容 テーブル1に align="left" と入れたら、 その後入力した分がすべて テーブル1の右になってしまいました。 右になってほしいものと、 下に別項目としたいのとあるのですが、できません。。 アドバイスください。

専門家に質問してみよう