注目タグ

テンプレート・プラグイン

トピック詳細

ヘッダーの画像が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

2010年09月06日 21:56  by 

コメント一覧 6件中、1~6件表示

  • たまるミ☆さま、回答本当にありがとうございましたm(__)m

    ブラウザのキャッシュを消去したところ、無事にキレイに表示されました。
    ありがとうございました。

    色々と検索しても、ここ1週間くらい解決せずに困っていたので、本当に助かりました♪
    本当にありがとうございましたm(__)m

    2010年09月07日 00:31 by

  • たぶんブラウザのキャッシュが効いてると思います。
    再読み込みかキャッシュの削除を試して下さい。

    2010年09月06日 23:48 by

  • 標野(シメノ)ゆきさん、回答ありがとうございました。

    二重に指定していたので、二重に表示されていたんですね。

    ありがとうございました。

    2010年09月06日 23:28 by

  • たまるミ☆さん、回答ありがとうございました。
    画像のURLはHTMLの方だけで良かったんですね(汗
    回答本当にありがとうございました。

    CSSのbackgroundを消しました。
    Firefoxを利用しているのですが、二重に表示されたままになっています。
    IEで見たところ、キレイに通常どおりに表示されていました。

    ブラウザごとに微調整するようなコードが必要ということでしょうか?

    もしご存知でしたら、ヒントだけでもいただけるととても助かりますm(__)m

    ありがとうございました。

    2010年09月06日 23:26 by

  • 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を削除すればいいと思いますけど。

    2010年09月06日 22:42 by