導航欄無法正常工作？

因此，我正在爲學校評估製作一個網站，我想知道爲什麼我的導航欄鏈接總是略低於實際導航欄本身。如果任何人都可以幫助那會很棒:)。導航欄無法正常工作？

ul { 
    text-align: center; 
    padding-left: 1px; 
    top: -10px; 
    list-style: none; 
} 

ul li { 
    font-family: Arial; 
    font-size: 15px; 
    font-weight: bold; 
    display: inline-block; 
    margin-right: -4px; 
    position: 0px; 
    padding: 10px 89.5px; 
    background-color: #6C2DC7; 
    -webkit-transition: all 0.2s; 
    -moz-transition: all 0.2s; 
    transition: all 0.2s; 

} 
ul li:hover { 
    background: #8467D7; 
    } 

a:link {color:#FFFFFF;} /* unvisited link */ 
a:visited {color:#FFFFFF;} /* visited link */ 
a:hover {color:#FFFFFF;} /* mouse over link */ 
a:active {color:#FFFFFF;} /* selected link */ 
a { 
text-decoration: none; 
}

This is what it looks like on my website.

來源

2016-03-15 Mitchell

給我一個鏈接到網站，如果它不是本地的，我會看看？或做一個jsfiddle –

http://ditcs.neocities.org/乾杯。 – Mitchell

固定它@mitchell檢查我的答案 –

如果你改變這一點，將工作：你的style.css的

線75

ul { 
    text-align: center; 
    top: 0px; 
    list-style: none; 
    margin-top: -5px; 
}

真的是你應該做這個只是爲了您的導航欄，而不是對於每一個UL，所以你可以改變它到下面：儘管這兩種方式都可以工作:)

#navigation ul { 
     text-align: center; 
     top: 0px; 
     list-style: none; 
     margin-top: -5px; 
    }

來源

2016-03-15 22:28:07

導航欄無法正常工作？

回答

相關問題