ベストアンサー

HTML、テーブルが下に落ちます。

2007/07/06 20:41

様々な実験をしてみましたが上手くいきません。何が原因なのでしょうか？　ちなみにレンタルブログのFC2を利用しています。記事のページにこのタグを貼り付けてアップしてみました。　HTMLをチェックするサイトで確認しましたが非常に悪い評価でした。　どうすれば正常に表示されるのでしょうか？　また、私は2列のメニューを作成したいのですが他にテーブル以外の方法はありますでしょうか？ <table bgcolor="#000000" width="80%" cellpadding="2" cellspacing="1" style="font-size:14px;" summary="top menu" > <tr> <td bgcolor="#000000" > ■ あおうえお</td> <td bgcolor="#000000" > ■ かきくけこ</td> </tr> <tr> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;" >さしすせそ</a></td> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;">たちつてと</a></td> </tr> <tr> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;">なにぬねの</a></td> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;">はひふへほ</a></td>　 </tr> <tr> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;">まみむめも</a></td> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;">やゆよ</a></td>　 </tr> <tr> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;">わいうえお</a></td> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;">テスト</a></td>　 </tr> <tr> <td bgcolor="#000000" > ■ テスト２</td> <td bgcolor="#000000" > ● <a href="http://××" style="color:#ffffaa;">テスト３</a></td>　 </tr> 　お手数ですがご教授をお願いします。

noname#80387

ブログ
回答数3
ありがとう数5

みんなの回答 （3）
専門家の回答

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

ベストアンサー

h_yoshi
ベストアンサー率42% (52/122)

2007/07/06 21:31 回答No.2

どこで区切りたいかわからないっす下記</tr><tr>の位置を色々変えてね（不要な部分も削除しました） <table bgcolor="#000000" width="80%" cellpadding="2" cellspacing="1" style="font-size:14px;" summary="top menu" > <tr> <td> ■ あおうえお</td> <td> ■ かきくけこ</td> <td> ● <a href="http://××" style="color:#ffffaa;" >さしすせそ</a></td> <td> ● <a href="http://××" style="color:#ffffaa;">たちつてと</a></td> <td> ● <a href="http://××" style="color:#ffffaa;">なにぬねの</a></td> <td> ● <a href="http://××" style="color:#ffffaa;">はひふへほ</a></td>　 <td> ● <a href="http://××" style="color:#ffffaa;">まみむめも</a></td> <td> ● <a href="http://××" style="color:#ffffaa;">やゆよ</a></td>　 <td> ● <a href="http://××" style="color:#ffffaa;">わいうえお</a></td> <td> ● <a href="http://××" style="color:#ffffaa;">テスト</a></td> </tr><tr> <td> ■ テスト２</td> <td> ● <a href="http://××" style="color:#ffffaa;">テスト３</a></td>　 </tr> </table>

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

Muller3
ベストアンサー率81% (800/979)

2007/07/07 12:18 回答No.3

＞何が原因なのでしょうか？ HTMLの評価云々はとりあえずおいといて、このソースをそのままはり付けたのだとしたら、落ちる最大の原因は、テーブルタグの閉じ忘れ（一番最後に</table>）ではないかと……

質問者

お礼 2007/07/22 12:44

お礼が遅くなり申し訳ございません。最後の閉めのテーブルタグは入れていましたがＮＯ３様の回答からわかりますがこのような性格なので私のタグ打ちに問題があったようなのです。詳しい理由はわからないままでしたが結局完成できました。みなさまありがとうございました！

ログインすると、全ての回答が全文表示されます。

fake-tang
ベストアンサー率24% (186/772)

2007/07/06 20:59 回答No.1

fcは使っていないので、あくまでも推測にありますが、おそらく、記事の部分に記述したとのことですので、ブログの自動改行機能（またはそれに順ずる機能）が有効になっているのではないでしょうか。出力されたブログのソースは、<table> <tr> のように、改行タグが挿入されていませんか？すべての改行とタグの間にある空白を削除し、 <table bgcolor="#000000" width="80%" cellpadding="2" cellspacing="1" style="font-size:14px;" summary="top menu" ><tr><td bgcolor="#000000" >■あおうえお</td><td bgcolor="#000000" >■かきくけこ</td></tr><tr><td bgcolor="#000000" >●<a href="http://××" style="color:#ffffaa;" >さしすせそ</a></td><td bgcolor="#000000" >●<a href="http://××" style="color:#ffffaa;">（以下略）のようにしてみてください。また、テーブル以外の2カラムですが、DIVタグとcssのfloatを使えば可能です。

ログインすると、全ての回答が全文表示されます。