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に準拠していないってだけですよ。
大手のホームページがテーブルでレイアウトされていることも事実で、それを良いと言っているわけではありませんが、質問の内容に対し、レイアウトにテーブルはダメと書かれるのは、ちょっとキツイよう思います。
第一、質問には、テーブルの入れ子を使わずに表の右側に文字を回りこませる方法は?としか書かれていませんしね。
No.6
- 回答日時:
>テーブルはレイアウトのためのものだと思います。
違います。
本来テーブル要素は,表を構成するためのもので,文字の位置や画像の位置を操作するためのものではありません。
視覚に障害がある方の中には,音声読み上げ式のブラウザを使っている方がいます。
画面のレイアウトにテーブル要素を使うと,わけのわからない情報となって出力されてしまいます。
HTML4.01仕様書の日本語解説サイトのURLを貼っておきますので,一度目を通されることをお勧めします。
参考URL:http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …
No.5
- 回答日時:
すみません……、きつい表現をしてしまいました。
#5の書き込みはncrjwさんに宛てたものです。
悪意はなく、ご希望の方法であれば#1~#4のどれかだと思ったので。
No.4
- 回答日時:
#4も正しいですが、ncrjwさんの概念の結果としては#1の回答と同じになります。
失礼ですがあまり詳しくなさそうですね。それであれば#1をお勧めします。レイアウトも簡単な設定なら十分に出来ますし。どうしてもというなら#3の方の回答を使って下さい。
以上。
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の値を変えることで,水平位置を調節できます。
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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SQL Server ACCESSで3ファイルを結合して、表を作成するやり方を教えて下さい。 17 2022/08/15 20:34
- SQL Server ACCESSで複数テーブルを結合して、リストを作る方法を教えてください。 2 2022/08/12 19:32
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- SQL Server ACCESSで表が作りたく、そのためのSQL文や設定方法を教えてください。 1 2022/08/15 12:28
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- その他(データベース) カラム上の重複を削除するクエリを教えてください 3 2022/04/12 14:11
- Excel(エクセル) ¥マークを含むパスの処理について(マクロ、または関数) 2 2022/12/25 02:11
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- その他(Microsoft Office) パワークエリの複数ファイルのデータ統合について 3 2022/07/14 17:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ドリームィーバーが重くて困っ...
-
ドリームウィーバーでテーブル...
-
ウィンドウのサイズを変えても...
-
テーブルの右に文字
-
画像と、セルのつなぎ目に白い...
-
テーブルの影の作り方とセル内...
-
セル内のテキストを中央揃えに...
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
フレームのズレについて
-
縦に画像を並べるときのCSS
-
テーブルの入れ子に付いて(画...
-
Dreamweaverでテーブルの列幅を...
-
テーブルとテーブルの間隔について
-
tableタグとformタグの組み合わせ
-
テーブルの行を折りたたみたい...
-
html でのテキスト結合について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
複数のテーブルを無条件に中央...
-
箇条書きリストのすぐ横に画像...
-
画像の横にテーブルを。。。
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
HTMLでページの幅を設定し...
-
DWで、デザインビューに表示さ...
-
ヘッダー固定のスクロールが可...
-
画像と、セルのつなぎ目に白い...
-
ドリームウィーバーでテーブル...
-
一部CSSを無効にする
おすすめ情報