ホームページビルダー8及びV8解説サイト

ホームページビルダーを学ぼう
ホームページビルダー11・全商品ラインナップ
｜ 準備編 ｜ デザイン編 ｜ 挿入編 ｜ リンク編 ｜ アップロード ｜ 付属機能 ｜ 予備知識 ｜ JAVA ｜ サイトマップ ｜
テーブル
本編（準備編）では、ページを作成していく時にどのようなスタイルでページを作成できるか。その解説を致します。
テーブルとテーブルの間隔を極めよう。
　ページを作成する上で欠かせないものが「テーブル」です。特に「標準モード」ではデザイン的に大事な要素となります。下記に例を挙げておきますので自サイトに合ったスタイルを設定してください。
テーブルは縦にしか並びませんのでお間違えの無いように。横はセルです。 ただし、下図のように複数のセルの中にテーブルを並べる事によって、テーブルを横並びにする事が出来ます。
①何もしないでテーブルを並べる ②改行でテーブル間隔を空ける。
テーブル1　ここに文章が入ります。
テーブル2　ここに文章が入ります。
テーブル1　ここに文章が入ります。

テーブル2　ここに文章が入ります。
③テーブル1の下の間隔を5pxに設定しています。 ④テーブル1の下の間隔を10pxに設定しています。
テーブル1　ここに文章が入ります。
テーブル2　ここに文章が入ります。
テーブル1　ここに文章が入ります。
テーブル2　ここに文章が入ります。
⑤テーブル1の上下の間隔を5pxに、テーブル2は下の間隔を5pxに設定しています。 ⑥全てのテーブルの上下の間隔を10pxにに設定しています。（正確には上下左右）
テーブル1　ここに文章が入ります。
テーブル2　ここに文章が入ります。
テーブル3　ここに文章が入ります。
テーブル1　ここに文章が入ります。
テーブル2　ここに文章が入ります。
テーブル3　ここに文章が入ります。
このようにテーブルは、マージンの設定で好きな間隔を明ける事ができます。また、図にも同様の設定ができますので、色々なレイアウトを実現できます。
⑥では、全てのテーブルのマージンを上下左右10pxに設定しています。テーブル1の下10pxテーブル2の上10pxとなり、気持ち的には合わせて20pxになってしまうと思いますが、1は下との間10px、2は上との間10pxという意味ですのでダブって20pxになるという事はありません。

マージンの設定方法
設定したい表を選択（表の外側でクリック）する。→
右クリックした場合は下の画面になります。スタイルの設定→タグに「TABLE」となっている事を確認。
↓ 編集をクリックし、メニューから「レイアウト」を選択。
↓ 方向（下だけか上だけか上下か）を決めます。
↓ 「マージン」のメニューから「ピクセル」等を選択。
↓ マージンの値を決めます。
「OK」→「OK」で終了です。
これらの作業を１回１回行なっているのでは大変ですので、クラスやIDのスタイルシートで設定しとくと便利です。スタイルシートの設定は、文字の設定を参考にしてください。
▲ページのTOP
| デザイン編 | ページ作成モード | ページ中央表示 | ページフル表示 | テーブルの間隔
Copyright (C) 2004 Web-Creation All Rights Reserved.(info@web-creation.info)