ホームページビルダー基本編
表について
- 表の枠を表示しない
- ウィンドウサイズに対して真ん中(または右揃え、左揃え)に配置する
- 表の大きさを壊したくないのでウィンドウサイズに合わせないで表示させる
- 表の大きさをウィンドウサイズに合わせて変わるようにする
- セルの上揃え、下揃え
- スタイルシートを使って枠に色をつける(要素への直接記述)
スタイルシートを使って枠に色をつける(要素への直接記述)
まず、表の属性で枠を表示しないように設定します。
表をフォーカス枠にして、右クリック→属性の変更 属性の変更画面で罫線の幅0ピクセル、枠表示「あり」にチェック 0ピクセルに設定
| AAAA | BBBB |
| CCCC | DDDD |
| AAAA | BBBB |
| CCCC | DDDD |
V11・V10でのスタイルシート設定までの操作
セル(枠)を右クリック→[属性の変更]を選択します。すると、[セル]の属性画面が表示されます。ここで表示される「属性の画面」の[表]または[セル]タブのどちらかを選択することで、枠線のスタイルを表に設定するのか、一つの枠(セル)に設定するのか選択します。
もし、表に枠線を引きたいのであれば、[表]タブをクリックして[スタイル]ボタンをクリックします。
セル(枠)に枠線を引きたいのであれば、[セル]タブをクリックして[スタイル]ボタンをクリックします。
ここで紹介した操作は、個々のテーブル(表)やセル(枠)にスタイルを設定する操作方法です。サイト全体にあるテーブル(表)に共通した色や枠線を設定する場合は、「外部スタイルシート」にスタイルを記述します。
関連・・【場所を決めよう!!】ビルダーでスタイルシートを設定するための基礎知識(1)
V9までのスタイルシート設定までの操作
表属性の変更画面の下の方に「イベント」「スタイル」のボタンがあるので、「スタイル」のボタンをクリックします。
すると、「スタイル編集画面」が表示されるのでこの中の 「編集(4)」 を選択します。
(編集(4)の横に「現在選択されているタグ<TABLE>にのみスタイルを設定/編集します。」のメッセージが表示されます。)
1ページ中に一つしか表がない場合やページ内全ての表を同じ枠線にしたいときは「編集(1)」を選択してスタイルの設定を行います。
編集(4)をクリックすると、「スタイルの設定画面」が表示されます。
一つのセルをフォーカス枠にして上記と同じ操作を行うと、選択したセルだけに枠をつけることが出来ます。この場合は、編集(4)を選択する画面に「現在選択されているタグ<TD>にのみスタイルを設定/編集します。」のメッセージが表示されます。
サイト全体にあるテーブル(表)に共通した色や枠線を設定する場合は、「外部スタイルシート」にスタイルを記述します。
関連・・【場所を決めよう!!】ビルダーでスタイルシートを設定するための基礎知識(1)
枠線を引くスタイルを設定する(全バージョン共通の操作)
※[スタイルの設定]画面での操作
[スタイルの設定]画面中にある、「レイアウト」と書かれたタブをクリックします。
すると、ボーダー、マージン、パディングと3つ設定箇所がありますので、この中のボーダーの項目部分を設定します。
ボーダー部分では、枠線の幅、スタイル、色が設定できるので色々と試してみてください。
例)幅 「1ピクセル」、スタイル 「実線」、色 「赤」
| AAAA | BBBB |
| CCCC | DDDD |
例)幅 「1ピクセル」、スタイル 「点線」、色 「青」 ( 注意 IE5では、「点線」ではなく、「実線」として表示されました。)
| AAAA | BBBB |
| CCCC | DDDD |
例)幅 「3ピクセル」、スタイル 「二重線」、色 「青」 ( 注意 ボーダー幅は、3ピクセル以上でないと二重線として表示されませんでした。)
| AAAA | BBBB |
| CCCC | DDDD |
例) セルにスタイルを設定
| AAAA | BBBB |
| CCCC | DDDD |