CSS導航欄不是水平的，顏色錯誤

我做了一個網站，最近試圖完全改變它，我幾乎完成，但我的導航欄似乎被打破，因爲我得到錯誤的顏色和酒吧不是'水平。下面是HTML代碼：CSS導航欄不是水平的，顏色錯誤

<body> 
<div class="content"> 
     <h1 class="text-center"> 
    <header> 
     <a href="index.html"> 
     <img src="img/channelart.jpg" alt="Nor1Gamez"></a> 
     <div class="nav"> 
      <ul> 
      <li><a href="index.html"> Home |</a></li> 
        <li><a href="about/index.html"> About Me |</a></li> 
         <li><a href="razer.html"> Razer |</a></li> 
      <li><a href="http://www.youtube.com/Nor1Gamez"> YouTube |</a></li>     
        <li><a href="https://twitter.com/Nor1Gamez"> Twitter |</a></li> 
      <li><a href="https://www.patreon.com/Nor1Gamez"> Patreon </a></li> 
     </ul> 
     </div> 
    </header> 
    <div class="clear"></div>

那麼這是CSS代碼：

nav ul{ 
list-style-type: none; 
margin: 0; 
padding: 0; 
border-style: solid; 
border-width: 1px; 
border-color: #ffffff; 
} 
nav ul li { 
display: inline;; 
font-size: 2em; 
float: left; 
} 

nav ul li a{ 
display:block; 
color:#00FF00; 
text-decoration:underline; 
padding: 6px; 
float: left; 
} 

nav ul li a:hover{ 
text-decoration: none; 
color:#ffc0f8; 
}

而且，這裏是網站的圖片：
http://i.stack.imgur.com/HMH6u.png

謝謝！

來源

2014-12-30 Nor1Gamez

看起來好像有沒有一個特定的問題，可以在這裏解決，而您的代碼需要檢查語法錯誤和未封閉的標籤。退房http://validator.w3.org – jessikwa

你錯過了你CSS類標識符的時間段。

例子：

nav ul li a:hover{ 
    text-decoration: none; 
    color:#ffc0f8; 
}

應該是：

.nav ul li a:hover{ 
    text-decoration: none; 
    color:#ffc0f8; 
}

UPDATE：

在你的CSS另一個錯誤出現維修原來的問題，你缺失的尾架，因爲您的評論它出：

應該是：

aside { 
     width: 32%; 
     height: 650px; 
     display: block; 
     border-width: 1px; 
     border-color: #ffffff; 
    }

通過使用適當的縮進來編寫更簡潔的代碼，可以避免/更輕鬆地捕獲這些類型的錯誤。我建議您檢查您的代碼是否有其他錯誤並進行驗證。

注意這是除了來提出的其他建議（如刪除或關閉您的h1標籤）

來源

2014-12-30 20:22:44 jessikwa

不，仍然沒有工作:( – Nor1Gamez

看看這個小提琴： http://jsfiddle.net/jessikwa/7e15e32t/ 它是不同的比它是如何應該是顯示？如果是這樣，具體如何？ – jessikwa

我不得不說我已經嘗試了很多東西。我不知道你在小提琴中改變了什麼，但它沒有工作。如果你想我可以上傳整個HTML和CSS文件，你可以看看它，如果這不是一個問題 – Nor1Gamez

<h1 class="text-center">沒有關閉

<h1 class="text-center"></h1>

來源

2014-12-30 20:35:26 user1729618

這個html充滿了語法錯誤，真的。 – jessikwa

所做的一切都使我的整個網站文字很小，但無論如何感謝。 – Nor1Gamez

CSS導航欄不是水平的，顏色錯誤

回答

相關問題