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

解決済

質問者：noname#80387
質問日時：2007/07/06 20:41
回答数：3件

様々な実験をしてみましたが上手くいきません。何が原因なのでしょうか？
　ちなみにレンタルブログの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>

　お手数ですがご教授をお願いします。

通報する

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

質問の本文を隠す

回答 (3件)

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

No.2ベストアンサー

回答者： h_yoshi
回答日時：2007/07/06 21:31

どこで区切りたいかわからないっす

下記</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>

- 0
- 件

通報する

No.3

回答者： Muller3
回答日時：2007/07/07 12:18

＞何が原因なのでしょうか？

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

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2007/07/22 12:44

No.1

回答者： fake-tang
回答日時：2007/07/06 20:59

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を使えば
可能です。