html-list鏈接不起作用

出於某種原因，我的導航列表不可點擊（鏈接將不起作用），並且無論我輸入#languagenav類（即text-align：center）的屬性如何顯示任何結果。我究竟做錯了什麼？html-list鏈接不起作用

HTML：

<div id="content"> 
     <div class="languagenav"> 
      <ul class="languagenav"> 
       <li>English - Spanish</li> 
       <li><a href"./booksdictengger.html">English - German</a></li> 
       <li><a href"./booksdictengfre.html">English - French</a></li> 
      </ul> 
     </div> 
</div>

CSS：

.languagenav li { 
    display: inline; 
    margin-left: 1em; 
    font-size: 15pt; 
    font-family: 'Dosis', Arial, sans-serif; 
    font-weight: 500; 
    color: #25271e; 
} 

.languagenav a { 
    color: #6d0839; 
    text-decoration: none; 
} 

#languagenav { 
    width: 100%; 
    text-align: center; 
}

而且雖然我們在它。對於每本書，文字都是相對於圖像的中心，我如何讓文字與圖像的頂部對齊？

來源

2012-11-07 user1736049

您錯過了=。沒有這個你有無效的HTML。

<a href"./booksdictengger.html">

應該是：

<a href="./booksdictengger.html">

關於中心對齊問題，你的CSS規則是#languagenav當它應該是.languagenav

來源

2012-11-07 13:38:40 Curt

我想我只是臉紅了。謝謝！任何想法爲什麼通過#languagenav集中不會工作？ – user1736049

@ user1736049你有'＃languagenav'，但沒有使用該ID的元素（他們正在使用類）。 – cimmanon

我很確定將一個內聯ul中心化可以工作，因爲這是我在主導航（#nav）上完成的工作。在ul上使用保證金確實有用，謝謝。 @cimmanon感謝您指出這一點！ – user1736049

-1

試試這樣說：

<div id="content"> 
    <div class="languagenav"> 
     <ul class="languagenav"> 
      <li>English - Spanish</li> 
      <li><a href="/booksdictengger.html">English - German</a></li> 
      <li><a href="/booksdictengfre.html">English - French</a></li> 
     </ul> 
    </div> 
</div>

LE：爲錨正確的語法是：

<a href="#"></a>

不是：

<a href""></a>

你忘了等號。

來源

2012-11-07 13:38:32 sticksu

代碼很好，但它會是nic呃如果你指出爲什麼你的作品和他沒有。 – cimmanon

你不必在一個等號a標籤：<a href=".

來源

2012-11-07 13:42:40 Mateusz

html-list鏈接不起作用

回答

相關問題