※ ChatGPTを利用し、要約された質問です(原文:CSS ブログのタイトルの背景が表示されません)
CSSブログのタイトルの背景が表示されません
このQ&Aのポイント
質問者はエキサイトブログのマイスキンでブログのタイトルの背景画像を設定したいが、うまく表示されないという問題に直面しています。
質問者はDIV要素のクラスを設定し、背景画像のURLを指定していますが、画像が表示されず、タイトルの文字のみ表示されます。
質問者は画像のサイズを変更しても問題が解決しないため、他の要素を確認する必要があるかもしれないと考えています。
検索してみたのですが、どこが悪いのか不明なのでどなたか教えて下さい><
エキサイトブログのマイスキンで、
ブログの日のタイトルの前に画像を付けたいのですが、
DIV.POST_HEAD td.ti { text-indent: 43px;
background: url(つけたい画像のURL(gif)) no-repeat left top;
line-height: 1.6;
_height: 27px;
vertical-align: middle}
となっていても画像が表示されずタイトルの文字のみです。
もしや画像の高さを27pxにした方がいいのか?と思って
画像サイズを27×23pxにしたのですが、それでも表示されません。
画像のアップロードは出来ています。
全体的?に見ると
DIV.POST { MARGIN-BOTTOM : 50PX; TEXT-ALIGN:LEFT;}
DIV.POST_HEAD { BORDER-BOTTOM : 1PX #CCC dashed; MARGIN-BOTTOM : 15PX; PADDING-BOTTOM : 3PX;
}
DIV.POST_HEAD td.ti { text-indent: 43px;
background: url(画像URL.gif) no-repeat left top;
line-height: 1.6;
_height: 27px;
vertical-align: middle}
DIV.POST_HEAD td.admin { text-indent: 0;}
DIV.POST_HEAD a { font-size: 110%;
letter-spacing: 4px;
}
DIV.POST_TTL { FONT : BOLD 15PT/130%;}
DIV.POST_ADMIN { TEXT-ALIGN : RIGHT;}
DIV.POST_BODY { LINE-HEIGHT : 150%; WIDTH : 500PX; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; }
DIV.POST_TAIL { FONT : 11PX/150% TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }
DIV.COMMENT { BORDER : 1PX #D3D3D3 SOLID; BACKGROUND : #F7F7F7; PADDING : 15PX; MARGIN : 20PX 0PX; }
DIV.COMMENT_BODY { MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%;}
DIV.COMMENT_TAIL { MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% TAHOMA; COLOR : #777;}
DIV.COMMENT_INPUT { MARGIN-TOP : 20PX; BORDER-TOP : 1PX #AAA DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE { BORDER-TOP : 1PX #AAA DOTTED; MARGIN : 10PX 0PX 15PX; }
コンナカンジです・・・。
どこが悪いのでしょうか・・・。
ちなみに上手く表示されている方のソースからひっぱっても
私のプレビューで見ると何故かそこだけ表示されません。
もっと他のところを見るべきなのでしょうか?
素人で申し訳ありませんが
どなたか分かる方、アドバイスを頂けたらうれしいです。
お礼
ご回答ありがとうございます!返信が遅くなってしまってすみません。 ええと、記事は以下の部分だと思います。 </div> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="URL" dc:identifier="URL" dc:title="テス" trackback:ping="URL> </rdf:RDF> --> です。 確認したところ、class="ti"というのは見当たりませんでした・・・ ただ、同じエキサイトブログで上手く表示されている方のソースを見ても、↑と一緒でした。 そもそもどうしてコピペしただけなのに、私のプレビューでは表示がされないのか分かりません><