• ベストアンサー

テーブルの右に文字

テーブルを使うとその右に文字が書けずに、下に文字が表示されてしまいます。 その外側にテーブルを書く方法以外にいい方法はありませんか? aaaとbbbを横一列のように見せたいです。 <table border><tr><td>aaa</table>bbb

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

  • ベストアンサー
  • jirolian
  • ベストアンサー率46% (7/15)
回答No.2

ならシンプルにこれでいかがでしょう。 <table border="1" align="left"> <tr> <td> aaa </td> </tr> </table> bbb

ncrjw
質問者

お礼

ありがとうございました。

その他の回答 (6)

回答No.7

ncrjwさん、こんにちは。 テーブルの外を文字が回り込めばいいわけですね。 だったら、こんな感じでどうですか。 <body> <div style="float:left;"> <table border="1px"> <tr><td>aaa</td></tr> </table> </div> <p>bbb</p> </body> W3Cの提唱するHTML4.01等で、TABLEは表を構成するタグと書かれていますが、強制される物ではありません。単純にW3Cに準拠していないってだけですよ。 大手のホームページがテーブルでレイアウトされていることも事実で、それを良いと言っているわけではありませんが、質問の内容に対し、レイアウトにテーブルはダメと書かれるのは、ちょっとキツイよう思います。 第一、質問には、テーブルの入れ子を使わずに表の右側に文字を回りこませる方法は?としか書かれていませんしね。

ncrjw
質問者

お礼

ありがとうございます。 bbbが右端に表示されてしまうし、bbbの位置がaaaに対して下気味だったので使えませんでした。

  • uuing
  • ベストアンサー率25% (53/206)
回答No.6

>テーブルはレイアウトのためのものだと思います。 違います。 本来テーブル要素は,表を構成するためのもので,文字の位置や画像の位置を操作するためのものではありません。 視覚に障害がある方の中には,音声読み上げ式のブラウザを使っている方がいます。 画面のレイアウトにテーブル要素を使うと,わけのわからない情報となって出力されてしまいます。 HTML4.01仕様書の日本語解説サイトのURLを貼っておきますので,一度目を通されることをお勧めします。

参考URL:
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html
回答No.5

すみません……、きつい表現をしてしまいました。 #5の書き込みはncrjwさんに宛てたものです。 悪意はなく、ご希望の方法であれば#1~#4のどれかだと思ったので。

回答No.4

#4も正しいですが、ncrjwさんの概念の結果としては#1の回答と同じになります。失礼ですがあまり詳しくなさそうですね。それであれば#1をお勧めします。レイアウトも簡単な設定なら十分に出来ますし。 どうしてもというなら#3の方の回答を使って下さい。 以上。

  • uuing
  • ベストアンサー率25% (53/206)
回答No.3

画面のレイアウトのためにテーブルを用いてはいけません。 テーブル要素はブロック要素ですので,前後に改行が入るのが,HTMLの仕様です。 HTML文書を作るものは,そのように記述しなければなりません。 どうしても表示位置を指定したい場合は,スタイルシートを使います。 <span> <table border=1 style="float:left;"> <tr><td>AAAAA</td></tr> </table> <p style="margin-top:20px;"> BBBBB </p> </span> spanの使い方があまり良くないのですが,この方法であれば,marginの値を変えることで,水平位置を調節できます。

ncrjw
質問者

お礼

bbbにmargin-topが必要なのは同じ考えだけど、テーブルはレイアウトのためのものだと思います。

  • jirolian
  • ベストアンサー率46% (7/15)
回答No.1

セルを並べて表示するのはどうでしょうか。 <table> <tr> <td> aaa </td> <td> bbb </td> </tr> </table> 左側にテーブルを見せたいというのであれば、 <table border="0"> <tr> <td> <!--このテーブルは見えます--> <table border="1"> <tr> <td> aaa </td> </tr> </table> <!--ここまで--> </td> <td> bbb </td> </tr> </table>

ncrjw
質問者

補足

ありがとうございます。 bbbの外にテーブルをつけずにできる方法を探しています。