Cafi Netつながる情報技術
  1. トップ>
  2. ホームページ作成>
  3. 表(テーブル)の幅均等

テーブルの幅を均等にする手順

ここからは番外編として、知っておくと便利だと思うテクニックを紹介します。

ホームページビルダー12を使い慣れてない方は、目を通して頂けると作業がスムーズになるかと思います。

ホームページビルダーもバージョンアップを重ねておりますので、バージョンによって対応が違う可能性がある点を予めご了承ください。

表(テーブル)の幅を均等にする

ツールバーから表の挿入(四角の絵)を選択します。

もしくはメニューバーから、表の挿入を選択します。

下の表は「行数0・列数3・表の幅をページに合わせるにチェック」を入れた表です。

色は「表のデザインなし」にして、属性の変更から背景色をつけたものです。

テキストも記入しました。

ホームページビルダー12 使い方

このように、テキストの長さに応じて列の幅が変わります。

これを3列とも同じ幅に固定すると、デザインが綺麗に見えるケースがあります。

同じ条件で表を追加します。

表の全体を選択・右クリック・属性の変更・表の列を選択・3列の幅を33%にしてOKを選択します。(2列の場合は50%ずつ、5列は20%ずつとなります。

ホームページビルダー12 使い方

幅を固定することで、このようにデザインできます。

長さの違う文章を入力する場合などに便利だと思います。

1.列を選択します。

2.目的の数字を入力します。

3.%に変更します。

ホームページビルダー12の表の幅を固定する方法

備考:HTML4.0/4.01では、デザインやレイアウトに関することはスタイルシート(CSS)を使用することが推奨されていますので、可能であればスタイルシートを使用されると良いと思います。

ホームページビルダー12の使い方として、ご参考になりましたら幸いです。