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

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

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

固定背景のページの作り方

日時: 2005/11/05 17:00
識別: IDeOmaaeAllIc
名前: おっとっと

こんにちは。
いつもお世話になっております。

右下に画像を固定して、画像の上に透明の膜をはったように、
記載されたコメントなどだけがスクロールバーで移動していく
ページが作りたいのですが、HTMLソースを編集しても、
画像が表示されません。

ソースは、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.3.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>タイトル</TITLE>

<STYLE type="text/css">
<!--
BODY {
background-image : url('画像.jpg');
background-attachment: fixed;
background-position:100% 100%;
background-repeat: no-repeat;
background-color: #000000;}
-->
</STYLE>

</HEAD>
<BODY text="#ffffff" bgcolor="#000000" link="#ffff00" vlink="#00ffff" alink="#00ff00"></BODY>
</HTML>

このように書いております。
背景は「かんたんページ設定」で黒に設定しています。

固定したい画像のソースは、<HEAD>〜</HEAD>の間に
書いているのですがプレビューしても真っ黒な画像しか表示されません。

どなたかお分かりになる方、何卒よろしくお願い致します。

Re: 固定背景のページの作り方 ( No.1 )
日時: 2005/11/05 18:15
名前: oioiooi

背景画像へのPathが間違ってんじゃないの。

もう一回、最初からやり直したらよかんべ。

body要素の bgcolor="#000000" 必要ないべ。

-----------------------------------------------------
こんにちは。
いつもお世話になっております。

右下に画像を固定して、画像の上に透明の膜をはったように、
記載されたコメントなどだけがスクロールバーで移動していく
ページが作りたいのですが、HTMLソースを編集しても、
画像が表示されません。

ソースは、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.3.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>タイトル</TITLE>

<STYLE type="text/css">
<!--
BODY {
background-image : url('画像.jpg');
background-attachment: fixed;
background-position:100% 100%;
background-repeat: no-repeat;
background-color: #000000;}
-->
</STYLE>

</HEAD>
<BODY text="#ffffff" bgcolor="#000000" link="#ffff00" vlink="#00ffff" alink="#00ff00"></BODY>
</HTML>

このように書いております。
背景は「かんたんページ設定」で黒に設定しています。

固定したい画像のソースは、<HEAD>〜</HEAD>の間に
書いているのですがプレビューしても真っ黒な画像しか表示されません。

どなたかお分かりになる方、何卒よろしくお願い致します。
Re: 固定背景のページの作り方 ( No.2 )
日時: 2005/11/06 15:32
名前: おっとっと

oioiooi様お返事ありがとうございます。

画像ファイルを、サイト作成時のフォルダの中にコピーしましたところ、
正常に表示させることができました。

>body要素の bgcolor="#000000" 必要ないべ。

body要素の bgcolor="#000000" は「かんたんページ設定」で黒に
設定したときに自動的に記述されたものなので、念のため
そのままにしておいたのですが、必要なかったのですね。
消しておきました。

アドバイス頂きまして、ありがとうございました。
また分からないことがあって躓いたときには、是非ご教授くださいませ。
失礼致します。

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