FC2ブログ

無料新規登録

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

ヘッダーの画像が2重に表示されてしまいます

検索して色々と調べてみたのですが、どうしても解決できません（汗）

http://karepu.blog53.fc2.com/

HTML

<div id="header">
<h1><a href="ブログURL" accesskey="0" title="ブログ名"><img src="画像保存先URL" 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: #fffafa;}
#header h1 a:active { text-decoration: none; color: #fffafa;}
#header h1 a:hover { text-decoration: underline; color: #fffafa;}

教えてくださると大変助かりますm(__)m

by   2010年09月06日 21:56
by 
2010年09月06日 21:56

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順  |  古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

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

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

    色々と検索しても、ここ1週間くらい解決せずに困っていたので、本当に助かりました♪
    本当にありがとうございましたm(__)m
    by   2010年09月07日 00:31
    by 
    2010年09月07日 00:31
  • たぶんブラウザのキャッシュが効いてると思います。
    再読み込みかキャッシュの削除を試して下さい。
    by   2010年09月06日 23:48
    by 
    2010年09月06日 23:48
  • 標野（ｼﾒﾉ）ゆきさん、回答ありがとうございました。

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

    ありがとうございました。
    by   2010年09月06日 23:28
    by 
    2010年09月06日 23:28
  • たまるミ☆さん、回答ありがとうございました。
    画像のURLはHTMLの方だけで良かったんですね（汗
    回答本当にありがとうございました。

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

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

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

    ありがとうございました。
    by   2010年09月06日 23:26
    by 
    2010年09月06日 23:26
  • ＨＴＭＬで
    ｈ１（見出し１）としてタイトル画像を表示するように<imｇ>で指定していながら
    ＣＳＳで更にｈ１の背景（background）として同じ画像を表示するように指示しているのですから、二重に表示するのは当たり前だと思いますよ～。

    どちらか片方だけにしましょう。
    by 標野ゆき  2010年09月06日 23:03
    by 標野ゆき
    2010年09月06日 23:03
  • HTML

    <div id="header">
    <h1><a href="ブログURL" accesskey="0" title="ブログ名"><img src="画像保存先URL" 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;
    }


    このやり方だとブログタイトルを画像に置き換えたいのでしょうか？
    だったらCSSのbackgroundを削除すればいいと思いますけど。
    by   2010年09月06日 22:42
    by 
    2010年09月06日 22:42

6件中、1～6件表示

Copyright(c)1999 FC2, Inc. All Rights Reserved.