ヘッダーの画像が2重に表示されてしまいます
検索して色々と調べてみたのですが、どうしても解決できません(汗)
http://karepu.blog53.fc2 .com/
HTML
<div id="header">
<h1><a href="ブログURL" accesskey="0&q uot; title="ブログ名"><img src="画像保存先URL&qu ot; alt="ブログ名" title="ブログ名" border=" ;0" /></a></h1>
CSS
#header h1 {
margin: 0 0 5px;
padding: 40px 30px 0;
color: #cd5c5c;
background: url(保存先URL) no-repeat left bottom;
}
#header h1 a:link { text-decoration: none; color: #fffafa;}
#header h1 a:visited { text-decoration: none; color: #fffaf a;}
#header h1 a:active { text-decoration: none; color: #fffafa ;}
#header h1 a:hover { text-decoration: underline; color: #ff fafa;}
教えてくださると大変助かりますm(__)m
たまるミ☆さま、回答本当にありがとうございましたm(__)m
ブラウザのキャッシュを消去したところ、無事にキレイに表示されました。
ありがとうございました。
色々と検索しても、ここ1週間くらい解決せずに困っていたので、本当に助かりました♪
本当にありがとうございましたm(__)m
たぶんブラウザのキャッシュが効いてると思います。
再読み込みかキャッシュの削除を試して下さい。
標野(シメノ)ゆきさん、回答ありがとうございました。
二重に指定していたので、二重に表示されていたんですね。
ありがとうございました。
たまるミ☆さん、回答ありがとうございました。
画像のURLはHTMLの方だけで良かったんですね(汗
回答本当にありがとうございました。
CSSのbackgroundを消しました。
Firefoxを利用しているのですが、二重に表示されたままになっています。
IEで見たところ、キレイに通常どおりに表示されていました。
ブラウザごとに微調整するようなコードが必要ということでしょうか?
もしご存知でしたら、ヒントだけでもいただけるととても助かりますm(__)m
ありがとうございました。
HTMLで
h1(見出し1)としてタイトル画像を表示するように<img>で指定していながら
CSSで更にh1の背景(background)として同じ画像を表示するように指示しているのですから、二重に表示するのは 当たり前だと思いますよ~。
どちらか片方だけにしましょう。
2010年09月06日 23:03 by 標野ゆき
HTML
<div id="header">
<h1><a href="ブログURL" accesskey="0&q uot; title="ブログ名"><img src="画 像保存先URL" alt="ブログ名" title="ブログ名" bo rder="0" /></a></h1>
CSS
#header h1 {
margin: 0 0 5px;
padding: 40px 30px 0;
color: #cd5c5c;
[色:0000FF]background: url(保存先URL) no-repeat left bottom;[/色 ]
}
このやり方だとブログタイトルを画像に置き換えたいのでしょうか?
だったらCSSのbackgroundを削除すればいいと思いますけど。
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー