當你無法在html中正確定位圖像時該怎麼辦？

下面的CSS代碼是我寫的，當試圖創建一個像mashable.com一樣的固定標題，但是我努力嘗試我似乎無法讓該logo.png出現帶有邊距：auto 19px; .Pleae幫助我並告訴我什麼即時做錯了。我是一個初學者的HTML和CSS，所以請溫柔。我希望徽標和導航列表成爲一行。當你無法在html中正確定位圖像時該怎麼辦？

header{position:fixed; 
    background:#333; 
    height:128px;} 

h1{ display:inline; 
     float:left; 
    background:url(images/logo.png) no-repeat; 
     width:289px;height:47px; 
     margin: 
     text-indent:-9999px;} 

nav { 

     height:26px; 
     float:right; 
    margin-top:19px; 
    width:631px;} 

nav ul li{ 
      display:inline;}

這是HTML：

<header> 
    <h1>logo</h1> 
    <nav> 
     <ul> 
      <li>Categories</li> 
      <li>Search</li> 
      <li>About me</li> 
      <li>Contact me</li>     
      <li>Social</li> 
     </ul> 
    </nav> 
</header>

來源

2013-07-11 Kris

用你的代碼創建一個小提琴 - ** [JSFiddle]（http://jsfiddle.net/）** –

你可以顯示html嗎？ –

試試這個http://jsfiddle.net/7Q6m2/ – falguni

保證金汽車只適用於塊元素，不在線的。如果你想爲中心的標誌然後更改H1 CSS 2兩件事：

更改爲display: block;
刪除float: left;

明顯增加臨界值太多，但我假設是隻是複製/粘貼錯字。

來源

2013-07-11 11:45:43 MattP

但我希望圖像符合導航列表。 – Kris

當你無法在html中正確定位圖像時該怎麼辦？

回答

相關問題