2014-01-22 28 views
-2

的菜單項目將不能在中間和文本也沒有被集中。我想達到如下所示。其次,當前菜單項不會變成樣式表中指定的顏色。菜單項不在中間CSS

不知道這行導致,但這裏是一個有點代碼:

#navigation ul li a { 
    float: left; 
    display: block; 
    line-height: 58px; 
    padding: 0 22px; 
    color: #FFF; 
    font-size: 15px; 
    font-family: Roboto, Helvetica, Arial; 
} 

見的jsfiddle這裏:http://jsfiddle.net/ahu75/

enter image description here

+0

你是否期望像這樣http://jsfiddle.net/ahu75/4/ – Karuppiah

+0

nope,我想要像上面的圖像,當它徘徊,整個菜單項框被改變。現在我認爲菜單項(文本)的位置似乎有點偏離:稍微向右和向下。 –

+0

http://jsfiddle.net/LHCGq/10/ –

回答

1

添加(保證金:0),以#navigation UL認證。

#navigation ul { 
    border-left: 1px solid rgba(255,255,255,0.1); 
    float: left; 
    min-height: 58px; 
    margin: 0; 
} 
-1

有在頂部邊距和你UL的botom,將其設置爲0:

#navigation ul { 
    border-left: 1px solid rgba(255,255,255,0.1); 
    float: left; 
    min-height: 58px; 
    margin: 0; 
} 

對於當前的項目,在小提琴的CSS當前菜單項是類對於所選項目,而current_page_item在html中使用:)

+0

你拿出相同的答案Srinu巴薩瓦,可以給予好評他,如果你有相同的答案,而不是再次張貼 –