탐색 모음에

Question

UPDATE를 텍스트 위치를 이동 : 좋아 지금은 비록 # 액세스 UL에 여백을 변경 내가 위로 마우스를 가져 가면은 다음과 같습니다 http://imgur.com/NeUzN

을 또한 그것은 페이지 제목 사이의 간격을 (변경할 수 있습니다 ! 미안 아직도 내가 현재 내 워드 프레스 테마를 설계하고있어

) CSS를 배우고 난 탐색 모음과 함께 중앙에 텍스트까지를 조금 움직일 수 있는지 궁금 : 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; 
} 
} 

도움이 될 것입니다!

건배,

스콧 정렬되지 않은리스트의

Answer 1

위쪽 여백은 negatie 값이어야합니다. 예를 들어

margin: -7px 0 0 0; 

Answer 2

은 height 같도록 설정 line-height. #access a에, 나는 믿는다, 그러나 나는 HTML을 보지 않고 확실히 알 수 없다. 그리고 나는 그것의 모든 것이 살아있는 것을 보지 않고 그것의 높이를 알 수 없다.