ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
表の色を変える
日時: 2005/04/30 13:30
識別: IDISHAt9Ad.Uk
名前: ミミ

表の外枠が二重線で、中のしきりが普通の線。
枠、しきりの色がピンク色になるようにするにはどうしたらいいでしょうか?
行は6行ぐらい、列は2段にしたいのですが、HPビルダーを使った簡単な方法ってありますか?
メンテ

Re: 表の色を変える ( No.1 )
日時: 2005/04/30 13:55
名前: ゆえ
参照: https://www-6.ibm.com/jp/software/internet/hpb/down/v9.html

スタイルシートで設定可能です。
スタイルシートでの設定方法の基本は、他サイトですがこちらをご参考に。https://www.wsb.jp/hpb/kihon/table_s.htm

基本を押さえた上で、外枠の設定でボーダーの幅を3px(コレくらいないと2重で表示されない)
スタイルを「2重線」、色はピンク色を選んで設定。

そしてセルのスタイルでは、ボーダーのスタイルを「実線」に。
線の太さは幅の数値を適度変更。

そして最後にHTMLソースを開き、スタイルシートのTABLE属性部分に
以下のものを加えてください。

border-collapse: collapse;

これは「線を重ねて表示する」という指定で、これがないとそれぞれセル同士の線が
表示されてしまい、細い実線で表示できません。
この指定はビルダーの機能ではできませんので、直接ソース編集を行う必要があります。

で、出来るスタイルシートのソースはこんな感じ

<style type="text/css">
<!--
TABLE{
border-width : 3px 3px 3px 3px;
border-style : double double double double;
border-color : #ff0080 #ff0080 #ff0080 #ff0080;
border-collapse: collapse;
}
TD{
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #ff0080 #ff0080 #ff0080 #ff0080;
}
-->
</style>
メンテ
101A Re: 表の色を変える ( No.2 )
日時: 2005/04/30 14:04
名前: ミミ

ありがとうございます。
外枠は色を変えられましたが、しきりの変え方がよくわかりません。

>そしてセルのスタイルでは、ボーダーのスタイルを「実線」に。線の太さは幅の数値を適度変更。

のセルのスタイルという項目は何処にあるんですか?
メンテ
Re: 表の色を変える ( No.3 )
日時: 2005/04/30 16:17
名前: ゆえ
参照: https://www-6.ibm.com/jp/software/internet/hpb/down/v9.html

いづれかのセルを選択した状態で、[属性の変更] でセルの属性を開き
下の方にある「スタイル」を選択すると、セル(TD)のスタイル設定ができます。
TABLEは表の外枠全体、TDは各セルと、それぞれ別に設定してやる必要があります。
こちらもご参考に

https://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/key/49256A6A0001F13649256BE30000E3D1?opendocument
メンテ

Page: [1]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved