ホームページの表の作成について…

解決済

質問者：tomatonEX
質問日時：2008/10/27 22:31
回答数：2件

ホームページで、表を作る段階で今悩んでいます。

<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

教えて下さい。

通報する

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

質問の本文を隠す

回答 (2件)

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

No.1ベストアンサー

回答者： noname#105044
回答日時：2008/10/27 23:01

こんなのはダメでしょうか？

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

枠線の表示は０にしてしまって、テーブル背景を黒にして
セル背景を白にすると、テーブル自体の背景色とセルの隙間が
細い枠線のようになります。
背景は画像でも大丈夫です。

- 0
- 件

通報する

この回答へのお礼

教えて頂き、ありがとうございます。
早速ホームページに利用してみたいと思います。

通報する

お礼日時：2008/11/08 20:41

No.2

回答者： torayoshi
回答日時：2008/10/27 23:56

セルとセルの罫線がダブってるから太くなってしまいます。

あくまでこのタグを使いたいってんならこんなふうにしてみるとか↓
<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"></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>