- ベストアンサー
ホームページビルダーでのセル幅の調整
ホームページビルダーで写真を掲載するため２行の表を挿入して１行目を２列にして、それぞれの列に写真を挿入します。 次に、２行目に３枚の写真を入れるため、１つのセルを横に分割してセルを３つ作り、３枚で1行目の２枚と同じ幅になるように、写真幅を縮小して挿入します。 この時にセルの幅が写真の幅より大きくなって、セルに大きな余白ができ、表自体の全幅も広がってしまい、セル幅を写真幅に合わせようとしてもまったくセル幅の調整ができません。 このような時にどうしたらセル幅が写真幅に調整できますか教えて下さい。
- ganchan59
- お礼率44% (249/565)
- ホームページ作成ソフト
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- takkuni
- ベストアンサー率24% (166/676)
挿入～その他～レイアウトコンテナから２つのDIVを作成して、それぞれ写真を並べて挿入。 属性の変更で丁度おさまるように上段と下段の画像サイズの調整。 画像に余白が必要であれば、左右上下共に調整できます。 HTMLも軽くなると思われますし、表にこだわるよりも簡単です。 但し、v10でないとできないかも？
お礼
ありがとうございました。
- gura_
- ベストアンサー率44% (749/1683)
一般に、表は中に入るものの大きさに応じて伸びてしまいます。 したがって、対策としては、画像の属性で幅を規定するか、画像そのものの幅を小さくすればよいでしょう。 前者の場合の、「HTMLソース」の例です。↓ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> </head> <body> <table border="1"> <tbody> <tr> <td colspan="2"><img src="http://oshiete1.goo.ne.jp/images_goo/goo_h1_50b.gif" border="0"></td> <td><img src="http://oshiete1.goo.ne.jp/images_goo/goo_i_50_new.gif" border="0"></td> </tr> <tr> <td><img src="http://oshiete1.goo.ne.jp/images_goo/goo_i_50_new.gif" border="0"></td> <td><img src="http://oshiete1.goo.ne.jp/images_goo/goo.gif" border="0"></td> <td><img src="http://oshiete1.goo.ne.jp/images_goo/goo.gif" border="0" width="30"></td> </tr> </tbody> </table> </body> </html>
お礼
ありがとうございました。 HTMLも徐々に勉強したいと思います。
- STICKY2006
- ベストアンサー率29% (1536/5269)
こんばんちは。 んー。まぁ、イメージはできましたが、ビルダは使っていないので、詳しい操作の方はお手上げです。 テーブル枠をクリックドラッグすればできたよね。とは覚えているんですけどね。 とりあえず、テーブルを作る際の工夫（？）についてアドバイスさせていただきます。 現状、 上段が横２列、下段が横３列の表を作っているわけですよね？ 改善（？）方法として 上段、下段、ともに横１列の表にして上段、下段、それぞれに新たにテーブルを追加します。 「テーブルの中にテーブルがある」と言えば。。。イメージできますかね？？ 利点としては、今回のように、上段と下段で、横の列数が違うときとかは便利です。 「どこで２列に別ける縦線を引くか」「どこで３列に別ける縦線を引くか」 となると、ソースレベルで書かなきゃいけないので、ビルダの自動作成じゃ限度ありますし。。。 テーブルの中にテーブルがあれば、考えればいいのは、横幅だけ。なので、比較的楽ですよ。 HTMLを勉強していけば、上記の説明の違いがよく分かるようになるかと思います。 まぁ、とりあえず、「上下段」にだけ別れたテーブルを作って、上段に「横２列のテーブル」下段に「横３列のテーブル」 をそれぞれ追加して試してみてはいかがでしょうか。
お礼
ありがとうございました。 オーソドックスに２列と３列の表を別に作るべきですね
お礼
とっても丁寧に手順を説明していただきましてありがとうございます。 参考になります。