初歩的ですが画像が表示されません。
-
0 名前： モロ ： 2005/08/11 14:55
- こんにちは、モロです。
初歩的な質問で申し訳ないのですが、
スタイルシートで固定した背景画像が表示されません。
自分でURLのミスが無いか、タグに問題が無いか調べてはみましたが、
原因がわからないのでどなたが助言おねがいします。
URL：http://homepage2.nifty.com/m2sk/d/0/test.htm
ちなみに、HPのトップやその他はきちんと背景が映ります。
-
1 名前： みんみ ： 2005/08/11 14:55
- ケーキの画像ですよね？
background-image : url("/m2sk/wall/4.jpg");
↓
background-image : url("wall/4.jpg");
にすれば大丈夫なのでは。
“/”から始まる指定は
ルートディレクトリからの
絶対指定だったような？
-
2 名前： モロ ： 2005/08/11 14:55
- モロです。みんみ様ありがとうございます。
直してはみたものの、いまだに画像は表示されないままです。
どうしてでしょう…。
-
3 名前： みんみ ： 2005/08/11 14:55
- あーウソウソ。
ごめんなさい。
全然ちゃんと見れてなかった。
良く見たら
bodyにスタイル設定しているのにbodyタグ入ってないし。
backgroundの設定２回してあるし。
tableなのにtrもtdもないし。
}なんか２回書いてある！！！！
なんかすごい書き方しますね。
とりあえず、こんなんでどうでしょう。
table外しました。
body{
background-color #FFFFFF;
background-image : url("../../wall/4.jpg");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
padding-left : 20px;
margin-left : 20px;
padding-top : 10px;
font-size : 11px;
font-family : Verdana,Tahoma,Osaka;
letter-spacing : 4px;
line-height : 180%;color :#404040;
scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #606060;
}
td{font-size : 9px;font-family : Verdana,Tahoma,Osaka;letter-spacing : 2px;line-height : 180%;color :#404040;}
A:link {COLOR: #000000; TEXT-DECORATION: none}
A:visited {COLOR: #303030; TEXT-DECORATION: none}
A:active {COLOR: #000000; TEXT-DECORATION: none}
A:hover {COLOR: #FFFFFF;}
.h{width : 600px;border-bottom : solid #505050 1px;color : #202020;}
.t{width : 600px;padding-left : 10px;padding-top : 10px;}
-->
</style>
<body>
<div align="center" >
<P STYLE="line-height: 150%;">
<br><br><br>
<br><br><br>うおおおお！
<br><br><br>
<br><br><br>うつらないー！
<br><br><br>
<br><br><br>なんで？
<br><br><br>
<br><br><br>スタイルシートがおかしいんだろうけど。<br><br><br>
<br><br><br>無駄に多いし。
</P>
</body>
</html>
-
4 名前： みんみ ： 2005/08/11 14:55
- それと<br>の多用はやめた方が良いですよ。
<P STYLE="line-height: 150%;">
のように、行間の高さをスタイルシートで
設定した方が良いと思いますよ。
-
5 名前： モロ ： 2005/08/11 14:55
- モロです。
みんみ様、助言ありがとうございました！
ようやく画像がうつるようになりました。
テンプレに頼りすぎて、わからなくなっていたので本当に助かりました。
精進します！
