テーブルの右に文字

解決済

質問者：ncrjw
質問日時：2005/03/20 18:57
回答数：7件

テーブルを使うとその右に文字が書けずに、下に文字が表示されてしまいます。
その外側にテーブルを書く方法以外にいい方法はありませんか？

aaaとbbbを横一列のように見せたいです。
<table border><tr><td>aaa</table>bbb

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (7件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： jirolian
回答日時：2005/03/20 19:28

ならシンプルにこれでいかがでしょう。

<table border="1" align="left">
<tr>
<td>
aaa
</td>
</tr>
</table>

bbb

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2005/03/20 19:43

No.7

回答者： hiro_izushi
回答日時：2005/03/20 22:50

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に準拠していないってだけですよ。

大手のホームページがテーブルでレイアウトされていることも事実で、それを良いと言っているわけではありませんが、質問の内容に対し、レイアウトにテーブルはダメと書かれるのは、ちょっとキツイよう思います。
第一、質問には、テーブルの入れ子を使わずに表の右側に文字を回りこませる方法は？としか書かれていませんしね。

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2005/03/20 23:04

No.6

回答者： uuing
回答日時：2005/03/20 20:23

>テーブルはレイアウトのためのものだと思います。

違います。
本来テーブル要素は，表を構成するためのもので，文字の位置や画像の位置を操作するためのものではありません。

視覚に障害がある方の中には，音声読み上げ式のブラウザを使っている方がいます。
画面のレイアウトにテーブル要素を使うと，わけのわからない情報となって出力されてしまいます。

HTML4.01仕様書の日本語解説サイトのURLを貼っておきますので，一度目を通されることをお勧めします。

参考URL：http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …

- 0
- 件

通報する

No.5

回答者： hanada0000
回答日時：2005/03/20 20:17

すみません……、きつい表現をしてしまいました。

#5の書き込みはncrjwさんに宛てたものです。
悪意はなく、ご希望の方法であれば#1～#4のどれかだと思ったので。

- 0
- 件

通報する

No.4

回答者： hanada0000
回答日時：2005/03/20 20:15

#4も正しいですが、ncrjwさんの概念の結果としては#1の回答と同じになります。

失礼ですがあまり詳しくなさそうですね。それであれば#1をお勧めします。レイアウトも簡単な設定なら十分に出来ますし。

どうしてもというなら#3の方の回答を使って下さい。

以上。

- 0
- 件

通報する

No.3

回答者： uuing
回答日時：2005/03/20 19:45

画面のレイアウトのためにテーブルを用いてはいけません。

テーブル要素はブロック要素ですので，前後に改行が入るのが，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の値を変えることで，水平位置を調節できます。

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2005/03/20 20:00

No.1

回答者： jirolian
回答日時：2005/03/20 19:09

セルを並べて表示するのはどうでしょうか。

<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>