0

私はウェブサイトを作成する過程で忙しく、現在、ロゴが自分自身を隠し続けるという問題を抱えているようです.

何が間違っているのかわかりません。html と css をここに追加しました。

私は現在、html5 ボイラープレート テンプレートも使用していますが、コードをコメントアウトしましたが、これはコードの html 部分です。

    <!--header --> 
    <div id="header">
    <div id ="logo"> 
            <h1><a href="index.html"></a></h1>
      </div>
      <div id= "hmenu">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Bar</a></li>
            <li><a href="#">Specials</a></li>
            <li><a href="#">Gallery</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
      </div>    
</div>

これは、ヘッダーとロゴとメニューの css コードです。

body,#container
{   margin:0;
    border:0;
    height:100%;
    font:Arial, Helvetica, sans-serif;
    background:url(../Images/bgImg.png) repeat-x ;  
}

body > #container 
{
    height:auto;
    min-height:100%;
}   

#header
{
    background:url(../Images/hdBgImg.png);
    width:100%;
    height:115px;
}

#header #logo
{

     background:url(../Images/logo.png) no-repeat;
     width:272px;
     heigh:142px;
     cursor:pointer;
}   


#hmenu 
{
    font-size:38px;
    font-family:Tangerine, sans-serif;
    font-weight::bold;
    text-align:right;
    text-shadow:3px 2px 3px #333;
    border-radius:8px;
    position::absolute;
    top:10px;
    right:10px;


} 
#hmenu ul
{
    height:auto;
    padding:8px 10px;
    margin:0.1em;
}

#hmenu li
{
    display:inline;
    padding:20px;
}

#hmenu a
{
    text-decoration:none;
    color:#FFF;
    padding:8px 8px 8px 8px;
}

#hmenu a:hover
{
    color:#8AAB8E;
    back:#fff;
}

ロゴを追加しようとすると、ヘッダーのメニューが移動し、何らかの方法で二重のロゴも作成されます。

どんな助けでも大歓迎です。

4

3 に答える 3

0

以前の CSS コード:

#header #logo
{
  background:url(../Images/logo.png) no-repeat;
  width:272px;
  heigh:142px;
  cursor:pointer;
}

修正することを提案

#header #logo
{
  background:url(../Images/logo.png) no-repeat;
  width:272px;
  height:142px;
  cursor:pointer;
}

更新されたJSFIDDLEリンクを共有させてください

欠けているものを見ることができますか

于 2013-10-31T06:45:17.047 に答える
0

heighに変更height:-

#header #logo
{
 background:url(../Images/logo.png) no-repeat;
 width:272px;
 height:142px;
 cursor:pointer;
 display:block;
}
于 2013-10-31T06:28:48.277 に答える
0 
#header #logo
{
     background:url(Images/1.png) no-repeat;
     width:272px;
     height:142px;
     cursor:pointer;
display: inline-block;

}
于 2013-10-31T06:47:58.823 に答える