trタグにスタイルシートはきかないのでしょうか

[新着] Webテンプレートを仮オープンしました

0   名前： もも ： 2005/09/20 19:49
はじめまして。
質問させていただきます。

テーブルを使って年表のようなものを作成しています。
行ごとに横の線のみを入れて作成したいので、
trにborder-bottomを指定してみました。

tr { border-bottom:1px solid #555555; }

以上のような設定をしたところ、Macでは表示されるのですが、
Winでは表示されません。

どのようにしたら表示されますでしょうか。
あるいは、横線のみの表を作成する場合に
よい方法があればご教示いただけませんでしょうか。

どうかよろしくお願いいたします。
1   名前： Pid ： 2005/09/20 19:49
どもです。表を結合境界モデルに指定して下さい。

・table { border-collapse: collapse; }

ただし WinIE は（今のところ）tr 要素や col 要素に border が適用されません。

・http://hp.vector.co.jp/authors/VA022006/css/tables.html#border-collapse
・http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/box.html#border-top-style


> 横線のみの表を作成する場合

仕方がないので th, td { border-bottom: 1px solid #555; } とか。


※どうでも良いことですが，「タグ」にはスタイル適用できないかと（いや，空要素ならそうとも言えるのかな (^^;)）。
2   名前： もも ： 2005/09/20 19:49
Pidさん、こんにちは。
ご回答くださり、どうもありがとうございます。

お教えいただいた
table { border-collapse: collapse; }
を指定するとともに、
<table frame="hsides" rules="rows">
と指定しましたら、横線のみの表示ができるようになりました。
Winでは横線が指定した色になりませんでしたが、
思った通りの形になりました。

行き詰まっていたので、ご教示いただけて本当に助かりました。
どうもありがとうございました。


>※どうでも良いことですが，「タグ」にはスタイル適用できないかと（いや，空要素ならそうとも言えるのかな (^^;)）。
ご指摘ありがとうございます。
とんちんかんな書き方をしてしまい、申し訳ありません…。
一覧へ戻る