はじめての親子ハイキングに挑戦!! >>

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

このQ&Aに関連する最新のQ&A

A 回答 (4件)

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



2行1列の表を作ります。
 表の属性
  表の位置:中央揃え
  罫線の幅:0ピクセル
  セル内の余白:0ピクセル
  枠の幅:0ピクセル
  *表の幅・高さは空欄のままにしておく
 セルの属性
  水平位置揃え:中央揃え
  *セルの幅・高さは空欄のままにしておく
1行目のセル内に1行2列の表を挿入する
 表の属性
  表の位置:中央揃え
  罫線の幅:0ピクセル
  セル内の余白:2ピクセル ←ここで写真と写真の隙間を決める
  枠の幅:0ピクセル
  *表の幅・高さは空欄のままにしておく
2行目のセル内に1行3列の表を挿入する
  表の位置:中央揃え
  罫線の幅:0ピクセル
  セル内の余白:2ピクセル ←ここで写真と写真の隙間を決める
  枠の幅:0ピクセル
  *表の幅・高さは空欄のままにしておく

セルが小さいままですがこのまま操作を続けてください。

挿入した表の各セルに写真真挿入する。
表が写真のサイズに合わせて勝手に広がるので、表のサイズはいじらない。
    • good
    • 0
この回答へのお礼

とっても丁寧に手順を説明していただきましてありがとうございます。
参考になります。

お礼日時:2006/10/31 22:07

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


属性の変更で丁度おさまるように上段と下段の画像サイズの調整。
画像に余白が必要であれば、左右上下共に調整できます。
HTMLも軽くなると思われますし、表にこだわるよりも簡単です。
但し、v10でないとできないかも?
    • good
    • 0
この回答へのお礼

ありがとうございました。

お礼日時:2006/10/31 22:06

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


したがって、対策としては、画像の属性で幅を規定するか、画像そのものの幅を小さくすればよいでしょう。
 前者の場合の、「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>
    • good
    • 0
この回答へのお礼

ありがとうございました。
HTMLも徐々に勉強したいと思います。

お礼日時:2006/10/31 22:08

こんばんちは。



んー。まぁ、イメージはできましたが、ビルダは使っていないので、詳しい操作の方はお手上げです。

テーブル枠をクリックドラッグすればできたよね。とは覚えているんですけどね。

とりあえず、テーブルを作る際の工夫(?)についてアドバイスさせていただきます。

現状、
上段が横2列、下段が横3列の表を作っているわけですよね?

改善(?)方法として
上段、下段、ともに横1列の表にして上段、下段、それぞれに新たにテーブルを追加します。
「テーブルの中にテーブルがある」と言えば。。。イメージできますかね??

利点としては、今回のように、上段と下段で、横の列数が違うときとかは便利です。
「どこで2列に別ける縦線を引くか」「どこで3列に別ける縦線を引くか」
となると、ソースレベルで書かなきゃいけないので、ビルダの自動作成じゃ限度ありますし。。。

テーブルの中にテーブルがあれば、考えればいいのは、横幅だけ。なので、比較的楽ですよ。

HTMLを勉強していけば、上記の説明の違いがよく分かるようになるかと思います。
まぁ、とりあえず、「上下段」にだけ別れたテーブルを作って、上段に「横2列のテーブル」下段に「横3列のテーブル」
をそれぞれ追加して試してみてはいかがでしょうか。
    • good
    • 0
この回答へのお礼

ありがとうございました。
オーソドックスに2列と3列の表を別に作るべきですね

お礼日時:2006/10/31 22:05

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qホームページビルダーで表の列幅を調整するには

ホームページビルダーホームページを使ってホームページを作成中です。
表を作りましたが,表の列幅が揃いません。プレビュー画面では大体同じ幅になっているのに,実際の表の列幅は揃っていません。
なぜ揃わないのでしょうか?また揃えるためにはどうしたら良いでしょうか?
ご教授お願いします。

Aベストアンサー

hpbを利用し、表を多用し Hpを作成しています。
100桁 4列作成する場合、
 <TABLE border="1">
<COL span="4" width="100">
<TBODY>
だけではなく、合計幅を入れると安定します。
           ↓
 <TABLE border="1" width="400">
<COL span="4" width="100">
<TBODY>

※ この場合も、その列に 100pxを超す画像を入れたり、
長い文字列にリンクを張ったりすると、幅がかわる可能性があります。
 

Qホームページビルダーでセルの幅の固定するには

ホームページビルダー6.5の標準モードでの表の挿入ついて教えてください。
表のセルの幅を300ピクセルに固定したいと思っています。
セルをを選択→属性の変更→セル→セルの幅に300(ピクセル)を入力。
すると、セルの幅は300ピクセルに固定されますが、セルに長い文章を入力すると文章にあわせて幅が大きくなってしまいます。

どうすればセルの幅を固定し、文章がセルに合わせて表示されるようになりますか。
よろしくお願いします。

Aベストアンサー

スタイルシートを使います。
(後で説明書を読んでね。)

セルの幅に300をとりあえず未入力状態にします。
[表]又は[セル]タブ内の[スタイル]ボタンをクリック、
[スタイル]タブ内の[現在のタグのみにスタイルを設定]の[編集]ボタンをクリック、
[位置]タブ内の[幅]の「予約語」→「ピクセル」に変更して
入力ボックスに「300」を入力です。(以後、OKボタン)

下記URLも参考にしてください。

参考URL:http://tohoho.wakusei.ne.jp/wwwcss.htm

QHPビルダーで中央表示がしたいのですが・・。 

HPビルダーで中央表示がしたいのですが・・。 
どこでも配置を使って作ったHPが、左端がブラウザに固定の表示になってしまいました。
常に開いたブラウザの中央に表示されるようにするにはどうしたらいいのでしょうか。

Aベストアンサー

>http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb1037

IBMのサイトを参考にしてください。

標準モードで「表の挿入」で「表」を使って、表の一番外枠を選択状態で「書式(O)」「位置揃え(A)」「中央揃え(E)」で表が中央に来ます。

または、普通の「文字の中央」をクリックでもOKです。

どのサイズのディスプレイでも中央表示となります。

どこでもモードでは不可です、標準モードで作成です。

表の列や行は後からいくらでも追加や削除が出来ますので、文字列の配置や画像の挿入位置などレイアウトを考えて、列や行を作りましょう。

またセルの結合や分割もできますので、自由な画面のレイアウトが可能です。

表の外枠を選択状態で「編集(E)」「属性の変更(A)」で表やセルの寸法を決めたり枠表示を消したり、枠に色をつけたりも出来ます。

Qホームページビルダーで、急に表の幅を変えられなくなる!!

こまってます
よろしくおねがいします

◆ソフト◆
ホームページビルダーV6.5

自分のHPは表を多用するページなのですが、
作業していると、表の幅や高さを変えられなくなります

「マウスドラッグ」や「属性の変更」の操作をしても
「ページ編集」「プレビュー」どちらも変えることが
出来なくなります。
※ HTMLソースで確認すると、幅の値は変わって
いるのですが、それが視覚的に反映されません

困っています。
お助け下さい

Aベストアンサー

表を挿入した場合には二つのサイズを指定する必要があります。

 ・表の幅/高さ
 ・セルの幅/高さ

例えば表の幅が100px弐指定されている場合にセルの幅を500pxに指定しても100pxとしてしか表示されません。

「属性の変更」ダイアログの『表』タブで指定されているサイズを確認してみてください。

>「マウスドラッグ」

これをすると中途半端に表やセルのサイズが固定される事があるのでドラッグせずに「属性の変更」からサイズを指定する事をおすすめします。

Qホームページビルダー7にある表の幅・高さの調整について

HPビルダーで表を作成しました。
文章や写真をレイアウトし易いように30ぐらいのセルを作ったのですが、幅と高さが勝手に調整されて思うようにレイアウト出来ません。幅や高さは固定することは出来ないのでしょうか?
よろしくお願いいたします。

Aベストアンサー

#1です。えーと、どういうページをイメージしておられるのかわからないのですが…

間が詰ってしまって見にくいのであれば改行を(マークが表示されますよね?)すれば間の調整ができます。

あとは 表の罫線が表示されて見にくいということなら罫線の表示をやめればいいし(属性の変更でチェックを外すだけ)。

左に写真・右に文章 なら 文章は左揃えにすると見やすい。
上に写真・下に文章 の場合 中央そろえにして同じセル内に入れてしまうか_ 好みの問題としかいいようが無いですけど_

あとは~~ 画像のサイズを横幅か高さか どちらかを統一すれば 表が勝手に伸び縮みしても 見た目はグンとマシになりますよ。

私もあまりHPビルダーではいろいろやりますが、HTMLを知っているか?といわれると 判らないので(本を見ながらどうにか)…

Qホームページビルダーで図形を描くには?

ホームページビルダー(HPB)を使ってホームページを作成している初心者です。
エクセルやワードの様に、図形機能を使って図形を描くには、、HPBではどうすれば良いのでしょうか?
ちなみにHPB13です。
よろしくお願いします。

Aベストアンサー

ウェブページをHTMLで作成するツールがホームページビルダーですが、それ自体には画像を作成したり編集する機能はありません。
 付属している他のアプリケーション(ウェブアート)やWindowsのpaint、GIMPやInkscapeやPhotoShopのようなソフトを使っても良いでしょう。
 ウェブで利用可能な画像フォーマットは、JPEG ( http://ja.wikipedia.org/wiki/JPEG ),GIF ( http://ja.wikipedia.org/wiki/GIF ),PNG ( http://ja.wikipedia.org/wiki/Portable_Network_Graphics )、最新のブラウザならSVG ( http://ja.wikipedia.org/wiki/Scalable_Vector_Graphics )です。それぞれのリンク先を確認してください。
 HTML文書内に画像を埋め込むには、画像の挿入を行い、表示サイズを指定します。

 なお、ビルダーを使い始める前に、
★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
 などで、ビルダーがなにをするツールなのかを理解しておいたほうが良いでしょう。

ウェブページをHTMLで作成するツールがホームページビルダーですが、それ自体には画像を作成したり編集する機能はありません。
 付属している他のアプリケーション(ウェブアート)やWindowsのpaint、GIMPやInkscapeやPhotoShopのようなソフトを使っても良いでしょう。
 ウェブで利用可能な画像フォーマットは、JPEG ( http://ja.wikipedia.org/wiki/JPEG ),GIF ( http://ja.wikipedia.org/wiki/GIF ),PNG ( http://ja.wikipedia.org/wiki/Portable_Network_Graphics )、最新のブラウザならSVG ( http://ja.wikipe...続きを読む

Qホームページビルダーでプルダウンメニュー作成

質問させていただきます。HP作成中です。素材サイトにあるようなプルダウンメニューを作成したいのですがどのような方法で作成するのでしょうか?こちらのサイトです。http://www.s-chimp.com/mc/
メニューをクリックするとサブメニューが表示されます。理想としては違うメニューをクリックしたときに他のサブメニューが表示されたままではなく閉じると嬉しいです。初心者なので難しいことは出来ないと思うのですがどなたかお願いいたします。

Aベストアンサー

ホームページビルダーの機能にはありませんので
こちらの メニュー か 個人的に使ってみたいスクリプト を参考にしてください

http://www.wsb.jp/hpb/java_s/top.htm

Qホームページビルダー プレビューでのずれ??

ホームページビルダー10の標準モードでHPを作成しています。
素人なので大変苦労しています。
表を作成して属性の変更でセルの大きさをきめて、セルのなかに
ウエブアートデザイナーで作成した物や文字を入れているのですが
全てではないのですがプレビューを見るといくつか編集
画面の位置よりズレがある文字や作成した図があります。
(編集画面とプレビュー画面で作成した図や文字の位置にズレが生じている。。。)
色々と試行錯誤しているのですが、どうしてもズレが直りません
何か原因があるのでしょうか?
素人な質問で説明がわかりずらくてすみませんが宜しくお願い致します。

Aベストアンサー

編集画面とプレビューでの差、ありますよね。
自分も以前これに悩んでこちらのサイトのお世話になりました。
その時の質問が少しでも参考になれば、と思い参考URLに貼らせていただきました。
この時は「どこでも配置モード」で作っていた時の質問ですが、現在は標準モードで作り直しました。
標準画面でもプレビューとの差はあります。
しかしアップロードすると、プレビューで見た状態のものがウェブ上で表示されるので、プレビューを信用してビルダーを使っています。

参考URL:http://okwave.jp/qa1989223.html

QEXCELので作成した表をビルダーのページに貼り付け、編集したい

私はホムページビルダー11を使用していますが、EXCELで作成した表データをビルダーの作成ページにそのまま貼り付け、並べ替え等の編集作業をビルダーのページ上でEXCEL画面と同じように行いたいと思うのですが、やり方が分かりません。
どなたか教えて下さい。

Aベストアンサー

No,1です。

エクセルファイルをhtml形式で保存する方法は下の回答の通りです。
そのファイルをビルダーのファイルを開くから指定すれば開いて編集できます。

ただしエクセルのシート上のように便利な機能はありません。
セルの並び替えなどはすべて手作業でセル内にコピペするなどするしかありません。
セルの結合などはできますが…。
ある程度エクセルの中で整理したものをビルダーで編集する方が良いと思います。

Qホームページビルダーで行間を指定する方法は?

質問をされたのですが、私自身、ホームページビルダーの使用経験がなく、
インターネットでヘルプを見たのですが、探せなかったので私が質問を
させていただきます。

ホームページビルダーで、行間を指定することはできますか?
普通に作成した時に、Enter一回で改行できるとのことですが、その行間の高さを
指定する方法を教えてください。

大切なお客様からの質問ですので、よろしければ回答の紹介された
サイトなどもお知らせいただけたら助かります。

よろしくお願いいたします。

Aベストアンサー

スタイルシートを使用して指定することができますが、どこで使用するか、また、どの形で指定するかにより異なります。

例えばある一つのテーブルで使用するときは
テーブルを選択後、[編集]-[属性の変更]、
[表]タブ内の[スタイル]、
[スタイルの編集]画面内の[現在のタグのみにスタイルを設定]、
[スタイルの設定]画面内の[文字のレイアウト]タブ内の[行間]を指定します。

他には[表示]-[スタイルシートマネージャー]から設定することもできます。

その他知りたかったら↓
http://hpb.cool.ne.jp/hpbuilder/ss_index.htm

参考URL:http://hpb.cool.ne.jp/hpbuilder/ss_index.htm


人気Q&Aランキング