※ ChatGPTを利用し、要約された質問です(原文:li dl 背景画像が消えてしまう)
dlタグに背景画像が表示されない問題
このQ&Aのポイント
Dreamweaverで制作したdlタグ内の背景画像がサーバにあげても表示されない問題が起きています。
背景画像以外のCSSは反映されているので、なぜ背景画像が表示されないのか疑問です。
このような問題には、URLの指定方法や画像のパスの設定などが関係している可能性があります。
listタグ内のdlタグに背景画像をつけました。
Dreamweaverで制作していて、ブラウザ確認(IE/firefox)すると問題ないのですが、いざサーバにあげてみると、IE/firefoxともに背景画像が表示されません。
背景画像以外のcssは反映されていました。
こんなことってあるのでしょうか?
【html】
<ul id="bkn_r">
<li><img src="../../images/bkn_fr_r01.jpg" border="0"></li>
<li><dl id="bkn_no">
<dt>番号</dt>
<dd>YAT-001</dd>
<dt>担当者</dt>
<dd>××××</dd>
</dl></li>
<li><dl id="tel">
<dt><img src="../../images/bkn_fr_r02.jpg" alt="*"></dt>
<dd id="tel_no">××</dd>
</dl></li>
</ul>
【css】
ul#bkn_r {
list-style-type: none;
padding: 0;
margin: 0;
}
ul#bkn_r li img{
font-size:0;
line-height:0;
vertical-align: top;
padding: 0;
margin: 0;
}
#bkn_no {
background-image: url(../images/bkn_fr_rbg01.jpg);
background-repeat: repeat-y;
padding-left: 30px;
margin: 0px;
width: 200px;
}
#tel {
background-image: url(../images/bkn_fr_rbg02.jpg);
margin: 0px;
}
#tel_no {
font-weight: bold;
color: #CC0000;
font-size: 1.2em;
letter-spacing: 0.03em;
}
#bkn_no dd {
font-weight: bold;
font-size: 1em;
margin-left: 10px;
margin-top: 0px;
}
お礼
仰るとおりでした。 画像アップし忘れてました。 まぬけな質問で大変失礼しました。 でも、気づかせていただいて助かりました。ありがとうございます。