ホームページビルダーでのセル幅の調整

Question

ホームページビルダーで写真を掲載するため２行の表を挿入して１行目を２列にして、それぞれの列に写真を挿入します。
次に、２行目に３枚の写真を入れるため、１つのセルを横に分割してセルを３つ作り、３枚で1行目の２枚と同じ幅になるように、写真幅を縮小して挿入します。
この時にセルの幅が写真の幅より大きくなって、セルに大きな余白ができ、表自体の全幅も広がってしまい、セル幅を写真幅に合わせようとしてもまったくセル幅の調整ができません。
このような時にどうしたらセル幅が写真幅に調整できますか教えて下さい。

crepon133 · Accepted Answer

この方法を試してください。

２行１列の表を作ります。
　表の属性
　　表の位置：中央揃え
　　罫線の幅：0ピクセル
　　セル内の余白：0ピクセル
　　枠の幅：0ピクセル
　　＊表の幅・高さは空欄のままにしておく
　セルの属性
　　水平位置揃え：中央揃え
　　＊セルの幅・高さは空欄のままにしておく
１行目のセル内に１行２列の表を挿入する
　表の属性
　　表の位置：中央揃え
　　罫線の幅：0ピクセル
　　セル内の余白：2ピクセル　←ここで写真と写真の隙間を決める
　　枠の幅：0ピクセル
　　＊表の幅・高さは空欄のままにしておく
２行目のセル内に１行３列の表を挿入する
　　表の位置：中央揃え
　　罫線の幅：0ピクセル
　　セル内の余白：2ピクセル　←ここで写真と写真の隙間を決める
　　枠の幅：0ピクセル
　　＊表の幅・高さは空欄のままにしておく

セルが小さいままですがこのまま操作を続けてください。

挿入した表の各セルに写真真挿入する。
表が写真のサイズに合わせて勝手に広がるので、表のサイズはいじらない。

takkuni · Answer

挿入～その他～レイアウトコンテナから２つのDIVを作成して、それぞれ写真を並べて挿入。
属性の変更で丁度おさまるように上段と下段の画像サイズの調整。
画像に余白が必要であれば、左右上下共に調整できます。
HTMLも軽くなると思われますし、表にこだわるよりも簡単です。
但し、v10でないとできないかも？

gura_ · Answer

　一般に、表は中に入るものの大きさに応じて伸びてしまいます。したがって、対策としては、画像の属性で幅を規定するか、画像そのものの幅を小さくすればよいでしょう。　前者の場合の、「HTMLソース」の例です。↓

STICKY2006 · Answer

こんばんちは。

んー。まぁ、イメージはできましたが、ビルダは使っていないので、詳しい操作の方はお手上げです。

テーブル枠をクリックドラッグすればできたよね。とは覚えているんですけどね。

とりあえず、テーブルを作る際の工夫（？）についてアドバイスさせていただきます。

現状、
上段が横２列、下段が横３列の表を作っているわけですよね？

改善（？）方法として
上段、下段、ともに横１列の表にして上段、下段、それぞれに新たにテーブルを追加します。
「テーブルの中にテーブルがある」と言えば。。。イメージできますかね？？

利点としては、今回のように、上段と下段で、横の列数が違うときとかは便利です。
「どこで２列に別ける縦線を引くか」「どこで３列に別ける縦線を引くか」
となると、ソースレベルで書かなきゃいけないので、ビルダの自動作成じゃ限度ありますし。。。

テーブルの中にテーブルがあれば、考えればいいのは、横幅だけ。なので、比較的楽ですよ。

HTMLを勉強していけば、上記の説明の違いがよく分かるようになるかと思います。
まぁ、とりあえず、「上下段」にだけ別れたテーブルを作って、上段に「横２列のテーブル」下段に「横３列のテーブル」
をそれぞれ追加して試してみてはいかがでしょうか。

ホームページビルダーでのセル幅の調整

この方法を試してください。

挿入～その他～レイアウトコンテナから２つのDIVを作成して、それぞれ写真を並べて挿入。

一般に、表は中に入るものの大きさに応じて伸びてしまいます。

こんばんちは。

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

　一般に、表は中に入るものの大きさに応じて伸びてしまいます。