WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:表の枠線を代えるには?

0:[投稿] ひょう [2003/02/26 14:29 ][環境:IE5以上 IIS]

表を作成すると、表の枠(でっぱって表示されている枠、
セルを区切っている線も含む)がありますが、
その枠を3D表示っぽい枠ではなく、ただの線にしたいのですが、
どうすればできるのでしょうか?

よろしくおねがいします。


1:[回答] Yachimata [MAIL] [2003/02/26 15:12 ]

こんにちは。

table の cellspacing をゼロにするとかでしょうか。


2:[回答] やじうま1号 [2003/02/26 15:20 ]

<table style="border: 1px solid black">
とすると、1ピクセルで只直線の黒い枠線となるはず。


3:[完了] ひょう [2003/02/26 16:27 ]

Yachimataさん、やじうま1号さん
ありがとうございます。

<table style="border: 1px solid black">
だと、中の区切り線を黒い線にできないのでダメでした。

cellspacingを使用したいと思います。


ありがとうございました。


4:[質問] ひょう [2003/02/27 10:46 ]

すみません。。。

cellspacingを0にしようとしたのですが、
HTMLを印刷した時に、多少太いので、もっと細くしてほしいと
言われてしまいました。

この枠線をもう少し細くすることはできないでしょうか?


お願いします。


5:[回答] Yachimata [MAIL] [2003/02/27 13:15 ]


恐らく、1px より細くする事は出来ないと思います。

実際はセルとセルの間、そしてテーブルそのものの外枠がくっついているので、2px ですが・・・


6:[質問] ひょう [2003/02/27 14:28 ]

Yachimataさん
ありがとうございます。

やっぱりそうですかね。。。
1pxではなく細線にしてみみましたが、より太くなりましたし。

これが限界ですかね?


7:[回答] Yachimata [MAIL] [2003/02/27 15:01 ]

そうですね。
限界だと思います。

ただ、上に書いたように実質は 2px なので、重なっている部分のどちらかのセルに枠を表示しないと設定する事で、本当に 1px にする事は可能だと思います。

だた、条件としてセルが完全に埋まっている事が条件ですし、作業そのものもかなりの煩雑さですが・・・

これで見切りをつけるのが吉かと思います。


8:[回答] ケト [2003/02/27 17:21 ]

ブラウザを限定しますが、次のように書けば1pxになります。
table,th,td {
    border-collapse : collapse;
    border:solid 1px #000;
}


9:[回答] Yachimata [MAIL] [2003/02/27 17:31 ]

!!
こ、これは・・・・・


ひょうさん、すいません。
Yachimataの知識不足でした。
ケトさんの方法で試してみて下さいませ。

ケトさん、ありがとうございました。
勉強になりました。


10:[回答] ケト [2003/02/27 17:32 ]

1px以下にはなりませんが、枠の色を#999とか、薄い色にすると、プリンタによっては、感覚的に細くなったように見えます。


11:[完了] ひょう [2003/02/27 18:18 ]

!!!!!!!!!!!!!!!!!
こ、これは・・・・・・・・

素晴らしい!!!!

ケトさんありがとうございます。
こんな方法があるなんて、勉強になります。

Yachimataさんもありがとうございます。
本当になんと言っていいやら・・・

ちなみにブラウザ限定とありますが、IE限定なのですか?


12:[完了] ケト [2003/02/27 18:42 ]

http://www.zspc.com/documents/css2/index.html#table
を見てネスケはダメかと思いましたがN7では表示されました。
Operaも空セルがなければ大丈夫そうです。
Macはわかりません。


13:[完了] yuu [2003/02/27 19:02 ]

table{empty-cells:show;}としておけば、Operaで空セルがあっても線はひかれます。


14:[完了] ひょう [2003/02/27 20:44 ]

ケトさん、yuuさん
ありがとうございます。

なにからなにまで。。。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World