ショボ短歌会

IEではなるのですが、
HTMLのボーダー設定で、
border="1",bordercolor="#000000"
と設定すると、ちょっと太目のフラットなボーダーができますよね。
それを設定すると、firefoxでは、なんだか立体的な、昔よく見たようなボーダーになってしまいます。
firefoxでも同じように、フラットなボーダーにしたいのですが、
どうしたらいいでしょうか?
どなたか教えてください。
ちなみに、HTMLでの方法がいいです。スタイルシートではなく・・・
もういっぱいその設定をしなくてはいけないので、簡単にできるもの、教えてください。

A 回答 (3件)

[CSS]


.hoge1,.hoge1 tr,.hoge1 td {
border-collapse:collapse;
border:1px solid #000000;
}
.hoge2,.hoge2 tr,.hoge2 td {
border-collapse:collapse;
border:1px solid #FF0000;
}

[HTML]
<table border class="hoge1">
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</table>

<table border class="hoge2">
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</table>

あ。テーブルタグにこういうクラスを指定したほうが楽かも。このやり方でも個別設定できます。
    • good
    • 0
この回答へのお礼

なるほど、再度ありがとうございます!
やっぱりこのやり方がベストですよね。
そうすると
border="1",bordercolor="#000000"
という指定はもうしてあるのですが
とったほうがいいんですかね、おかしくなりそうだし。

どうもです!

お礼日時:2007/03/20 11:46

<table bgcolor="#000000" cellspacing="1">


<tr bgcolor="#FFFFFF"><td>test</td></tr>
<tr bgcolor="#FFFFFF"><td>test</td></tr>
</table>

HTMLだけだと上記のような形で出来ます…が、CSSにしたほうが一括で指定できて簡単だと思います。
下記の内容を設定しておけば全てのテーブルタグに同一のスタイルが適用されます。
たくさんテーブルにすべて同じ設定を適用するならばCSSのほうが楽ですよ?
ま、どうしてもCSSを使うわけには行かないと言う理由があれば仕方ないでしょうけど…。

table,tr,td {
border-collapse:collapse;
border:1px solid #000000;
}
    • good
    • 0
この回答へのお礼

ありがとうございます!
<table bgcolor="#000000" cellspacing="1">
<tr bgcolor="#FFFFFF"><td>test</td></tr>
<tr bgcolor="#FFFFFF"><td>test</td></tr>
</table>
ですが、これでIEのほうもフラットのままですか?
というか、自分でやれ、ですね。
確かめてみます。
IEとfirefox両方でフラットなボーダーを表示したいです。

テーブル全部ではないので、1つ1つcssを設定するのは
面倒だったので(もうhtmlはコーディングしてある)、
なにかいい方法はないかと探してみました。

お礼日時:2007/03/19 17:33

> firefoxでも同じように、フラットなボーダーにしたいのですが、


どうしたらいいでしょうか?

CSS使わないとできない気が。
Firefoxの設定でできるかもしれませんが、閲覧者は普通しないですよね。
(Firefoxユーザーじゃないので詳細不明)
    • good
    • 0
この回答へのお礼

ありがとうございます!がんばります!

お礼日時:2007/03/19 17:30

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!