window
トップページ > 過去ログ > 記事閲覧
*教えてください。
日時: 2007/05/12 22:26
識別: ID:tu1um7pncK01
名前: PERO
初めまして。
さっそくですけど質問です。

http://sygg.web.infoseek.co.jp/zakki.html
↑のペ−ジみたいな、周りが黒いレイアウトはどのようにすれば作れるのでしょうか?

いろんな作成解説のサイトに行ってもわからなかったので・・・

ちなみに、私が使っているHPビルダーはV10です。

Re: 周りが黒いレイアウトはどのようにすれば作れるの? ( No.1 )
日時: 2007/05/14 15:27
名前: おの字◆P5lEtjFUhc

インラインフレームでも使って作ったら?。

「その方法は?。」なんて問い返しはやめてね。

タイトル最低、「教えてください。」質問掲示板では内容を表すものを書くのが何となくお約束。
以降、質問はないだろうが注意されたし。
Re: 教えてください。 ( No.2 )
日時: 2007/05/18 00:12
名前: うま
参照: http://www.geocities.jp/potato_chips_web/

>>0

> http://sygg.web.infoseek.co.jp/zakki.html
> ↑のペ−ジみたいな、周りが黒いレイアウトはどのようにすれば作れるのでしょうか?
>


考えられる方法は、3つ。
1.リンク先のページのようにインラインフレームを使う
2.テーブルを使う
3.Divタグを使う


1.の方法
表示したい文章を書いたページ(背景色は指定してください)を別ページにします。(main.htmなど)
そして、表示する(周りが黒く表示されるページ)には
<body bgcolor=#000000 style="padding : 100px;"><iframe src="main.htm">インラインフレームが表示されない場合は<a href="main.htm">こちら</a></iframe></body>
などと記述します。

2.の方法
表示する(周りが黒く表示されるページ)に
<body bgcolor=#000000 style="padding : 100px;"><table border="0" bgcolor="#ff0000"><tr><td>表示したい文章</td></tr></table></body>
などと記述します。

3.の方法
表示する(周りが黒く表示されるページ)に
<body bgcolor=#000000 style="padding : 100px;"><div style="background-color : #FF0000">表示したい文章</div></body>
などと記述します。


※いずれもCSSが記述されています。
※パディング(padding)とは、ボックスの中の余白のことです。
※いわゆる、マージン(margin)はボックスの外の余白のことです。通常<body>タグにはマージンは指定せず、パディングを指定します。

※ここまでCSSを記述しなければならないなら、外部CSSを記述することをお勧めします。(body{margin : 0px;}とかも指定したいし。)
Re: 教えてください。 ( No.3 )
日時: 2007/05/20 00:08
名前: PERO
状態: 解決!

大変わかりやすい説明で助かりました。
1の方法でやってみると上手くいったので嬉しいです。

本当にありがとうございました。
Re: 教えてください。 ( No.4 )
日時: 2007/05/21 23:29
名前: うま
参照: http://www.geocities.jp/potato_chips_web/

もう一つ。

paddingの値は、別にピクセル値じゃなくてもいいですよ。

多分パーセントでもOKだったと思います。

もし、余裕があったら試してみてください。