移動導航欄上的文字位置

更新：好吧，我改變了利潤率上#access UL雖然現在當我將鼠標懸停在它看起來像這樣：http://imgur.com/NeUzN 移動導航欄上的文字位置

而且是有可能改變的頁面標題之間的間距（抱歉，還在學習CSS）

我目前正在設計我的WordPress的主題，不知道我怎麼能移動文本了位與導航欄居中起來：http://i.imgur.com/BExiy.png

我使用自定義的字體，以及。這是我的CSS：

#access { 
background: #252525; 
display: block; 
float: left; 
margin: 0 auto; 
height: 40px; 
} 
#access ul { 
list-style: none; 
margin: -8px -13px -10px -13px; 
padding-left: 0; 
color:#000; 
text-shadow:1px 1px 1px rgba(14,14,14,0.8); 
text-transform:uppercase; 
font: 24px Giantypo, Arial, Helvetica, sans-serif; 
} 
#access li { 
float: left; 
position: relative; 
} 
#access a { 
display: block; 
line-height: 2.5em; 
padding: 0 1em; 
text-decoration: none; 
color:#f3f3f3; 
} 
#access ul ul { 
box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); 
display: none; 
float: left; 
position: absolute; 
top: 2em; 
left: 0; 
z-index: 99999; 
} 
#access ul ul ul { 
left: 100%; 
top: 0; 
} 
#access ul ul a { 
background: #3e5d8c; 
line-height: 1em; 
padding: .5em .5em .5em 1em; 
width: 10em; 
height: auto; 
} 
#access li:hover > a, 
#access ul ul :hover > a { 
background: #3e5d8c; 
} 
#access ul ul a:hover { 
background: #3e5d8c; 
} 
#access ul li:hover > ul { 
display: block; 
} 
}

任何幫助將是偉大的！

乾杯，

斯科特

來源

2012-07-17 ScottRamsay

無序列表的頂部邊距必須是陰性的價值。例如：

margin: -7px 0 0 0;

來源

2012-07-17 12:16:56 3lmanana

好吧我更改了#access ul的邊距，但現在當我將鼠標懸停在它上面時，看起來像這樣：http://imgur.com/NeUzN – ScottRamsay 2012-07-17 12:31:45

在#access中刪除行高或填充。 – 3lmanana 2012-07-17 12:41:16

完成了這個訣竅！乾杯！ – ScottRamsay 2012-07-17 12:45:56

設置line-height等於其height。在#access a，我相信，但我不知道沒有看到HTML。如果沒有看到它的所有生活，我都無法知道它的高度。

來源

2012-07-17 12:17:22 Ana

好吧，我改變了#access ul的邊距，但是現在當我將鼠標懸停在它上面時，它看起來像這樣：http://imgur.com/NeUzN – ScottRamsay 2012-07-17 12:31:54

我會把它放在我的網站上讓你看看它。 – ScottRamsay 2012-07-17 12:39:29

移動導航欄上的文字位置

回答

相關問題