あなたの映画力を試せる!POPLETA映画検定(無料) >>

いつもお世話になっております。

HPB18でサイトを開設していますが、どうしても設定できない点が、表の大きさの固定です。
もともとピクセル数を指定して表を作っても、表の中に写真などを入れると自動的に大きくなってしまいます。
どうしたら大きさを固定できるでしょうか?
他の表の大きさや全体のバランスがほしいので、写真などを入れても大きさが固定されてほしいと思っています。

初歩的な質問で申し訳ありませんが、ご存知の方、教えてください。

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

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

A 回答 (2件)

枠内に自動調整する、みたいなコマンドは無いようです。


HTMLソースを手打ちで加工すれば枠ぴったりにすることは出来ます。

枠が横幅200P×高さ200Pの正方形として。
画像が横300P×高さ500Pの縦長の場合。

<TD width="200" height="200"><IMG src="img-001.jpg" width="300" height="500" border="0"></TD>
となっていると思います。

画像が縦長ですから、高さを枠に合わせる必要があります。
<IMG src=・・・・・>のwidth="300" を削除、height="500" をheight="100%" に書き換えて次のようにします。
<IMG src="img-001.jpg" height="100%" border="0">
これで高さが枠サイズに合った画像サイズになります。

画像が横500P×高さ300Pの横長の場合。

width="500" をwidth="100%" に書き換え、そして height="300" は削除して次のようにします。
<IMG src="img-001.jpg" width="100%" border="0">
これで画像の横サイズが枠ぴったりに合わせたサイズになります。

枠線の状況次第では100%では無く90%ぐらいの方が良い場合もあります、そこは工夫して下さい。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございました。そしてお礼が遅くなり申し訳ありません。

自動調整はやはり難しいようですね。でも表の大きさを%で指定するのは分かりやすいですね。

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

お礼日時:2014/12/21 09:29

私は18じゃないけど同じだと思います。

表の大きさが、写真より小さければ表は大きくなります。

同じ大きさと思っても、罫線の幅、セル内の余白、枠表示の影響で大きくなります。
右クリックして、属性の変更で設定します。表に行き、罫線の幅、セル内の余白、枠表示を「0」にすれば良いかな。ここで、この分が大きくなってるかな。
例えば、表の高さを「200」にしても、「0」にしていなければ「203」(数字は確かでありません)になってるのです。
サムネイルでいれると、一つの表が入り余白があると思います。画像をドラッグで移動して表を削除して画像を戻しています。(これも、ツール→オプションで設定できるのかもしれませんね。)

表の大きさより、画像の大きさが小さければ問題ないと思いますよ。

ウェブア-トデザイナーという画像編集ソフトがついてると思いますが、そこで画像を小さくして保存してそれを、入れればいいのです。

表の設定した大きさより、画像の大きさが優先されるということです。
そのまま、大きな画像を入れても編集できますが重たくなりますしね。今は、それぐらい関係ないかも。動画があっという間に写りますしね。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございました。そしてお礼が遅くなり申し訳ありません。

枠表示の幅の件、確かにそうですね。それも加味しなければならず、最近はご指示どおりそうしています。

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

お礼日時:2014/12/21 09:28

この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

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

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

Aベストアンサー

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

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

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

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

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

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

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

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

Aベストアンサー

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

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

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

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

Aベストアンサー

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

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

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

挿入した表の各セルに写真真挿入する。
表が写真のサイズに合わせて勝手に広がるので、表のサイズはいじらない。

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

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

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

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

Aベストアンサー

No,1です。

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

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

Qホームページビルダーで横幅について

ホームページを作ろうと、とりあえずホームページビルダー17の体験版をDLしました。

とりあえず四苦八苦しながらですが、なんとか少しずつ理解をしてきたのですが、まだまだ分からない事だらけです。

とりあえず、今一番分からないのが横幅の指定についてです。


例えば、皆さんそれぞれ横幅が違うディスプレイをお使いですよね?
ですが、どのサイトも自動的にそのディスプレイにあわせて自動的に最大化しているように思います。
そうするにはどのように設定すればいいのでしょうか?

また、950ピクセルくらいが最適とかを調べているうちに目にしたのですが、試しに950を設定して画像を挿入したところ横幅に余白があります。
サイト作成では、上部を青、中を白、最下部を青という想定をしているので余白があるとどうしても不恰好です。
見ている人のディスプレイにあわせて最大にしたいので、どのようにすればいいのか横幅について教えてもらえませんか?

できれば専門用語をくだけた表現で教えてもらえると非常に助かります。

宜しくお願いします

Aベストアンサー

>自動的にそのディスプレイにあわせて自動的に最大化している

訳ではないです

>950ピクセルくらいが最適とかを調べているうちに目にしたのですが、試しに950を設定して画像を挿入したところ横幅に余白があります


一般的なホームページの横幅(width)は800ピクセルから950ピクセルぐらいが妥当
余白は背景で埋めます
http://copicopi.com/bgall.html

http://masaboo.cside.com/new_html1/ht_12.htm


人気Q&Aランキング