- ベストアンサー
ホームページの表の作成について…
ホームページで、表を作る段階で今悩んでいます。 <table border="1" cellspacing="0"style="border-width:1" bordercolor="#000000" background="http://radiowind.web.fc2.com/backgroundtable" style="border-style:solid"> <tr> <td>あいうえお</td><td>かきくけこ</td> </tr> <tr> <td>さしすせそ</td><td>たちつてと</td> </tr> </table> http://radiowind.web.fc2.com/test1.html で作成したんですが、どうしても表の枠がそれ以上細くなりません。 表の行は、もっと足すつもりです。 このタグをなるべく使って、細くできるでしょうか。 下の表の枠ぐらいの細さがいいです。 http://radiowind.web.fc2.com/test2.html 教えて下さい。
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんなのはダメでしょうか？ <table bgcolor="#000000" cellspacing="1"> <tr> <td bgcolor="#ffffff">あいうえお</td><td bgcolor="#ffffff">かきくけこ</td> </tr> <tr> <td bgcolor="#ffffff">さしすせそ</td><td bgcolor="#ffffff">たちつてと</td> </tr> </table> 枠線の表示は０にしてしまって、テーブル背景を黒にして セル背景を白にすると、テーブル自体の背景色とセルの隙間が 細い枠線のようになります。 背景は画像でも大丈夫です。
その他の回答 (1)
- torayoshi
- ベストアンサー率62% (910/1449)
セルとセルの罫線がダブってるから太くなってしまいます。 あくまでこのタグを使いたいってんならこんなふうにしてみるとか↓ <table border="1" cellspacing="0" style="border-width:0;" bordercolor="#000000" background="http://radiowind.web.fc2.com/backgroundtable" style="border-style:solid; border-collapse:collapse;"> <tr> <td>あいうえお</td><td>かきくけこ</td> </tr> <tr> <td>さしすせそ</td><td>たちつてと</td> </tr> </table> ただし、これはIEだけでFirefoxだとうまく行かないみたい。 FirefoxはCSSの解釈がより厳格だからでしょうね。 理由は、セル(td)罫線の太さ指定はあくまで<td>に指定すべきです。 上記タグはtableにしか適用されてません。 だから細くならないんです。 私ならこうします。 <html> <head> <title></title> <style type="text/css"><!-- table { border-collapse:collapse;} td { padding: 2px;border: 1px solid #000000; } --></style> </head> <body> <table background="http://radiowind.web.fc2.com/backgroundtable"> <tr> <td>あいうえお</td> <td>かきくけこ</td> </tr> <tr> <td>さしすせそ</td> <td>たちつてと</td> </tr> </table> </body> </html>
お礼
教えて頂き、ありがとうございます。 早速ホームページに利用してみたいと思います。
お礼
教えて頂き、ありがとうございます。 早速ホームページに利用してみたいと思います。