NavBar圖像鏈接不工作，但代碼是完美的。這是怎麼回事？

因此，這裏是我當前的HTML代碼中，<head>部分中：NavBar圖像鏈接不工作，但代碼是完美的。這是怎麼回事？

<ul class="nav"> 
    <li> 
     <a href="http://www.greg-holmes.com/#/title" target="_blank"> 
      <img src="img/home.png"> 
     </a> 
    </li> 
    ... <!-- Deleted some elements for readability --> 
    <li> 
     <a href="http://www.instagram.com/djspiffy" target="_blank"> 
      <img src="img/instagram.png"> 
     </a> 
    </li> 
</ul>

這裏是與隨之而來的CSS：

.nav { 
    border-width: 1px 0; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    text-align: center; 
} 

.nav li { 
    display: inline; 
} 

.nav a { 
    display: inline-block; 
    padding: 10px; 
}

的代碼是活在greg-holmes的鏈接，但由於某種原因沒有工作。

來源

2013-04-25 user2303322

你沒有自己寫，對吧？ – 2013-04-25 14:27:22

是的，我使用HTML但不使用CSS。爲什麼，你覺得怎麼樣？ – user2303322 2013-04-25 14:31:55

你需要把你的HTML代碼中<body>標籤不<head>標籤

來源

2013-04-25 14:29:25 Eli

試過，但它不工作。任何其他想法？ – user2303322 2013-04-25 14:31:07

看着greg-holmes.com的源代碼，HTML仍然在標題中 – 2013-04-25 14:33:09

我更新了源代碼，所以它現在在body裏了... – user2303322 2013-04-25 15:00:41

HTML不會在頁頭去，所有的HTML所屬的身體..你的代碼應該是

<html> 

<head> 
... 
</head> 

<body> 
    <ul class="nav"> 
     <li>...</li> 
    </ul> 
</body> 

</html>

來源

2013-04-25 14:31:37

我更新了代碼，以便HTML現在處於正文中，但仍不起作用。有什麼想法嗎？ – user2303322 2013-04-25 15:11:06

NavBar圖像鏈接不工作，但代碼是完美的。這是怎麼回事？

回答

相關問題