ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

ホームページに左右の余白(空白)をつけたい

日時: 2008/06/16 23:17
識別: IDC4QjGf6pEpU
名前: 元気

はじめまして。
このたび、ホームページビルダー12で、HP作成のデビューを果たしました。
ところで私がホームページを作って、ブラウザで表示させると、ページが左右一杯に広がってしまいます。
ヤフーなどのページは左右に余白(空白)があるのですが、ホームページビルダーのどの機能を使うと、そのような余白を自分の作ったページにもつけられるのでしょうか?
お教えください。よろしくお願いいたします。

Re: ホームページに左右の余白(空白)をつけたい ( No.1 )
日時: 2008/06/17 12:56
名前: nn

> ページが左右一杯に広がってしまいます。

ブラウザウィンドウをモニター画面いっぱいに開いていればそうなるのが普通です。
印刷物などとは違い、表示領域が広ければ広いなりに、狭ければ狭いなりに、どんな閲覧環境でもそれなりに支障なく閲覧できるのがwebページのいいところです。

> ホームページビルダーのどの機能を使うと、そのような余白を自分の作ったページにもつけられるのでしょうか?

ページの余白は、スタイルシートのmargin(外側余白)、padding(内側余白)で指定します。

https://hpbuilder.net/hpbuilder4.htm
↑の「ボックスの概念」「左右に余白をつけてみる」ちゅうところを参照。

例では、P(段落)に左右マージンを設定していますが、BODY(本文)を選べばページ全体の余白を指定できます。
あと、上記例は、余白に数値指定していますが、ページの内容物全体を囲むブロック(ビルダーで言うレイアウトコンテナ)の幅を指定し、左右マージンをauto(自動)にする方法もあります。
参考:https://www.mozilla.gr.jp/standards/webtips0004.html

Re: ホームページに左右の余白(空白)をつけたい ( No.2 )
日時: 2008/06/17 20:21
名前: mita
参照: https://webiina.web.fc2.com/newpage24.html

簡単にできる中央の配置
Re: ホームページに左右の余白(空白)をつけたい ( No.3 )
日時: 2008/06/17 20:58
名前: 元気

ありがとうございます。
うまい具合に、左右に余白のある、コンパクトはページになりました。

ただもう一つお聞きしたのですが、余白は出来たのですが、
その余白の部分にも、背景の模様が覆われてしまいます。

自分は左右の余白を作れば、左右の余白は白で、
中身にだけに背景があるようなページにしたかったのですが、
そういうのは可能なのでしょうか?

重ね重ね申し訳ないのですが、よろしくお願いいたします。







Re: ホームページに左右の余白(空白)をつけたい ( No.4 )
日時: 2008/06/17 22:31
名前: nn

「中身のブロック」だけに背景をつければよいと思います。
>>1 の例で言えば、「ページの内容物全体を囲むブロック(ビルダーで言うレイアウトコンテナ)」のことです。
まあ、表で代用することも出来ますが、表でないものを表としてマークアップするのは個人的にはお奨めしません。

あと、「中身」の幅が固定されているのなら、その幅に応じた背景画像を、水平方向の中央に、垂直方向にだけ繰り返して表示してもいいかもしれません。

すべてスタイルシートマネージャーで設定できます。
https://hpbuilder.net/hpbuilder5.htm#backgrondimage
Re: ホームページに左右の余白(空白)をつけたい ( No.5 )
日時: 2008/06/18 20:29
名前: 元気

丁寧な解説ありがとうございました。

初めてのホームページですが、イメージどおりに作れそうです。

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved