導航欄鏈接將不起作用

-1

作爲標題說明我的鏈接不工作在我的導航欄除了最後一個，他們都是相同的代碼，所以我不明白爲什麼他們不會工作。導航欄鏈接將不起作用

這裏是我的代碼：

<ul class="ulfirst"> 
    <li id="lithree"><a href="GCPD.html" id="athird">We work very closely with the GCPD</a></li> 
    <li id="lisecond"><a href="Wayneenterprises.html" id="athird">Here is information about how we work</a> </li> 
    <li id="lifour"><a href="Publicrecords.html" id="athird">Public Database</a></li> 
</ul>

下面是關於CSS：

#ulfirst { 
    list-style-type:none; 
    margin:0; 
    padding:0; 
    overflow: hidden; 
} 

#lisecond { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    text-align: center; 
} 

#lithree { 
    position: fixed; 
    bottom: 0 ; 
    width: 100%; 
    text-align: left; 
    left: 30%; 
} 

#lifour { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    text-align: right; 
    right: 25% 
}

來源

2014-05-08 user3610983

編輯：讓我換個話題。我有一個導航欄，只有欄上的最後一個鏈接（總是最後一個，不一定是publicrecords）。其他兩個鏈接不起作用，因爲在鼠標懸停時甚至不會改變。 – user3610983

我不知道你的目標是什麼，但這裏是我的導航欄的代碼，它可以幫助：

HTML：

<nav> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Tasks</a></li> 
     <li><a href="#">Contact</a></li> 
    </ul> 
</nav>

css：

nav { 
    background-color: #004b98; 
    overflow: hidden; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
} 

nav ul { 
    margin: 0 auto; 
    padding: 0; 
    width: 900px; 
} 

nav li { 
    background-color: #004b98; 
    float: left; 
    list-style-type: none; 
    border: 1px solid white; 
    border-radius: 5px; 
    margin: 5px; 
    padding: 5px; 
} 

nav li a { 
    color: white; 
    display: block; 
    font-family: sans-serif; 
    text-decoration: none; 
} 

nav ul li:hover { 
    background-color: #0069d4; 
}

來源

2014-05-08 02:24:28 Pachonk

是您的index.html，GCPD.html，Wayneenterprises.html，Publicrecords.html。在一個文件夾中或沒有？也不能使用#ulfirst作爲一個類。

來源

2014-05-08 02:24:33

檢查您的鏈接是否有正確的大小寫，很容易意外地將大寫字母大寫。這聽起來很簡單，但容易發生。

來源

2014-05-08 02:25:08 tyler5819

導航欄鏈接將不起作用

回答

相關問題