No.3ベストアンサー
- 回答日時:
この方法を試してください。
2行1列の表を作ります。
表の属性
表の位置:中央揃え
罫線の幅:0ピクセル
セル内の余白:0ピクセル
枠の幅:0ピクセル
*表の幅・高さは空欄のままにしておく
セルの属性
水平位置揃え:中央揃え
*セルの幅・高さは空欄のままにしておく
1行目のセル内に1行2列の表を挿入する
表の属性
表の位置:中央揃え
罫線の幅:0ピクセル
セル内の余白:2ピクセル ←ここで写真と写真の隙間を決める
枠の幅:0ピクセル
*表の幅・高さは空欄のままにしておく
2行目のセル内に1行3列の表を挿入する
表の位置:中央揃え
罫線の幅:0ピクセル
セル内の余白:2ピクセル ←ここで写真と写真の隙間を決める
枠の幅:0ピクセル
*表の幅・高さは空欄のままにしておく
セルが小さいままですがこのまま操作を続けてください。
挿入した表の各セルに写真真挿入する。
表が写真のサイズに合わせて勝手に広がるので、表のサイズはいじらない。
No.4
- 回答日時:
挿入~その他~レイアウトコンテナから2つのDIVを作成して、それぞれ写真を並べて挿入。
属性の変更で丁度おさまるように上段と下段の画像サイズの調整。
画像に余白が必要であれば、左右上下共に調整できます。
HTMLも軽くなると思われますし、表にこだわるよりも簡単です。
但し、v10でないとできないかも?
No.2
- 回答日時:
一般に、表は中に入るものの大きさに応じて伸びてしまいます。
したがって、対策としては、画像の属性で幅を規定するか、画像そのものの幅を小さくすればよいでしょう。
前者の場合の、「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. … border="0"></td>
<td><img src="http://oshiete1.goo.ne.jp/images_goo/goo_i_50_ne … border="0"></td>
</tr>
<tr>
<td><img src="http://oshiete1.goo.ne.jp/images_goo/goo_i_50_ne … 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>
No.1
- 回答日時:
こんばんちは。
んー。まぁ、イメージはできましたが、ビルダは使っていないので、詳しい操作の方はお手上げです。
テーブル枠をクリックドラッグすればできたよね。とは覚えているんですけどね。
とりあえず、テーブルを作る際の工夫(?)についてアドバイスさせていただきます。
現状、
上段が横2列、下段が横3列の表を作っているわけですよね?
改善(?)方法として
上段、下段、ともに横1列の表にして上段、下段、それぞれに新たにテーブルを追加します。
「テーブルの中にテーブルがある」と言えば。。。イメージできますかね??
利点としては、今回のように、上段と下段で、横の列数が違うときとかは便利です。
「どこで2列に別ける縦線を引くか」「どこで3列に別ける縦線を引くか」
となると、ソースレベルで書かなきゃいけないので、ビルダの自動作成じゃ限度ありますし。。。
テーブルの中にテーブルがあれば、考えればいいのは、横幅だけ。なので、比較的楽ですよ。
HTMLを勉強していけば、上記の説明の違いがよく分かるようになるかと思います。
まぁ、とりあえず、「上下段」にだけ別れたテーブルを作って、上段に「横2列のテーブル」下段に「横3列のテーブル」
をそれぞれ追加して試してみてはいかがでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
表の幅が広がる
-
ホームページの文字が縦に表示...
-
エクセルのセル幅の表示
-
ホームページビルダーでセルの...
-
word,excelで、cm...
-
エクセルでセル1つあたりの長...
-
エクセル 画面表示拡大率によ...
-
javascriptでタイトルバーを非...
-
Excelで可視部分だけをWeb形式...
-
Excelで文字の幅を変える方法
-
ホームページビルダーで、画面...
-
Jimdoで表組のなかの画像をポッ...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
CSS line-height が効かない
-
aタグに直接style=""で:hoverを...
-
htmlでテーブル内にテキストボ...
-
テーブルタグのデメリット
-
iPhone用のサイトの文字がずれ...
-
ホームページビルダーで表の列...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセル 画面表示拡大率によ...
-
表の幅が広がる
-
word,excelで、cm...
-
ホームページの文字が縦に表示...
-
エクセルで一部分のセルの高さ...
-
オープンオフィス ライターの文...
-
ホームページビルダー14で、表...
-
Word2003で表中の文字が勝...
-
セル幅の調整の不具合
-
ホームページビルダーでセルの...
-
ホームページビルダーV9のセル...
-
ホームページビルダーで、急に...
-
表の上に画像を隙間なくつけた...
-
TABLEの横枠線を点線にしたい
-
ホームページビルダー(表の色...
-
Microsoft1Officeの互換ソフト...
-
エクセルのセル幅の表示
-
ホームページビルダー8で、全...
-
エクセルのマクロでスライサー...
-
ホームページビルダー「セルの...
おすすめ情報