BiND for WebLiFE* 4 製品サポート

キーワード検索

テクニカルサポートからのお知らせ

表の書式を設定する

管理番号: 4-4-04

テーブルパーツ・エディタでは、「全体」「行」「セル」に対して背景色や罫線、サイズなどの設定が行えます。背景色と罫線の設定はセルがもっとも優先されます。

セルの高さを初期化する


テンプレートから作成した表はあらかじめセルの高さが設定されています。ここでは高さの設定をリセットし、行数に合わせて自動調整させます。設定したいセルをドラッグして選択し、〈セルの設定〉の〈高さ〉をクリックして「delete」キーを押します。
4-4-04-01.jpg
高さの設定がリセットされました。
4-4-04-02.jpg
任意のセルの高さを設定したい場合は、〈高さ〉に数値を入力します。単位はピクセルです。

セルの幅を設定する


セルの幅は「px(ピクセル)」か「%」で設定できます。まず設定したいセルをドラッグして選択します。
4-4-04-03.jpg
〈セルの設定〉の〈横幅〉で「%」を選択し[1]、表全体のサイズに対するパーセンテージを入力します[2]。ここでは3つのセルの幅をすべて「25%」に設定しています。選択していないセルには余りの幅が割り当てられます。
4-4-04-04.jpg

表のタグを編集する


「セルの高さを初期化したにもかかわらず、最後の行だけ広がっている」などの場合、たいてい表内のテキストに余計なタグが追加されています。テーブルパーツ・エディタの〈HTMLソース〉をクリックし、HTMLソースエディタで確認してみましょう。
4-4-04-05.jpg

表のHTMLソースを編集するには、HTMLの知識が必要です。不用意に操作すると表が壊れることがあるのでご注意ください。なお、HTMLについてのお問い合わせはサポート対象外となります。


セルの背景色を設定する


セルの色を設定するには、対象のセルをドラッグして選択し、〈セルの設定〉の〈背景色〉をクリックして[1]、色相を選び[2]、明るさと彩度を調整します[3]。目的の色になったら、表の編集エリアのどこかをクリックします。
4-4-04-06.jpg
セルの色が設定されました。
4-4-04-07.jpg

罫線を設定する


セルの罫線は〈セルの設定〉の下側にあるボタンで設定します。ボタンすべてが表示されていない場合は、テーブルパーツ・エディタのウィンドウを広げるか、ボタン部分を下にスクロールしてください。
4-4-04-08.jpg

線の色


クリックすると線の色を選択できます。

線の種類


線の種類を「実線」「二重線」「破線」「なし」から選択できます。

太さ


ドラッグして線の太さを設定します。

設定する辺


セルの上下左右の辺のうち、どこに設定するかを指定します。

表の編集を終了する


テキストの色や配置を設定し、完成したら〈適用〉をクリックします。
4-4-04-09.jpg

ブロックエディタを閉じる


ブロックエディタの〈適用〉をクリックし、〈閉じる〉をクリックします。
サイトエディタで結果を確認します。
4-4-04-10.jpg

関連エントリー

  • 関連エントリーはありません。

↑トップにもどる

ページのカスタマイズ

+ページ追加/ブロックを作成/編集する
+サイトエディタでページを設定する
+ブロック内の書式を設定する
+パーツを利用する
+ブロックを共有設定する
+メニューとタグを活用する

SiGN Pro、SHiFT、テーブルエディタ、SYNC5

+見出しパーツを使う(SiGN Pro)
+見出しパーツを使う(SiGN3)
+スライドショーパーツを使う(SHiFT)
+テーブルパーツ・エディタを使う
+ウェブサービス系パーツを使う(SYNC 5)
デザイナーの考えるひとつひとつの<未来>をカタチに。
とても身近なところにある自分たちの未来をデザインする。
それが私たちの考えるデジタルデザインです。
Copyright (c) digitalstage inc. All Rights Reserved.