window
トップページ > 過去ログ > 記事閲覧
*細い線の表の作成
日時: 2005/10/31 08:13
識別: ID:n9.IVHZV8pe0
名前: TOMO
宜しくお願いします。V9を使用しています。

今回作成したいのは表なのですが、1ピクセルぐらいの細い線の枠を
使用したいのです。

通常に表を作成すると値を1にしても結構太い盛り上がったような
枠の表になってしまいます。

V9のスタイルを適用してデザイン1−Aみたいな細い線を使用したい
のですがセルを一部分結合すると結合した部分の文字は中央揃えにしても
CSSが効いているせいか揃いません。

■■■
■■■
■□□ 白い□部分が結合している部分です。中央揃えが効かない。
■□□

細い線だけで表を作成する方法はないでしょうか。
もしくは結合した部分の中央揃えが出来る方法はないでしょうか?

宜しくお願いします。

Re: 細い線の表の作成 ( No.1 )
日時: 2005/10/31 10:30
名前: Newのり太

『V9のスタイルを適用してデザイン1−Aみたいな細い線』が
どのようなものかわかりませんが、表の枠線(罫線?)を細くしたいのなら
cssのborderプロパティとborder-collapseプロパティを併用されればよいかと。
http://www.htmq.com/style/border-collapse.shtml

ver9で表にデフォルトで設定されるスタイルは無効にしておくほうが
やりやすいんじゃないかな。。
FAQ:表およびセルの背景色を設定しても色が反映されません
http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1616
枠線 ( No.2 )
日時: 2005/11/02 22:49
名前: しず

私もコレで悩んでます。
罫線で四角が作りたいのですが(色つき)上手くできません。
「1ピクセルぐらいの細い線の枠」はどのようにすれば作れるのでしょうか?
ちなみにビルダー9を使用しています。
お願いします。
Re: 細い線の表の作成 ( No.3 )
日時: 2005/11/02 23:48
名前: Newのり太

>>1 で提示したページのサンプルが
まさに「1ピクセルの細い線の枠」なんですけど。。
borderはHPBのスタイルシートマネージャーで設定できますが
border-collapseは、設定箇所がないのでソース編集になります。
若干のHTMLとスタイルシートについての知識が必要です。


お手軽にやるなら表の背景を罫線にしたい色に
セルの背景を違う色にして、罫線の幅1、枠表示0に。
これでキョウビのメジャーなブラウザではそれらしく見えます。
ネスケ4xなど、古いブラウザなどでも同じように表示させるには
もう一手間必要ですが。