CSS 네비게이션 바 센터

<head> 
<title>WCK&TMB</title> 
<style> 

* { 
    margin: 0px; 
    padding: 0px; 
} 

html, body { 
    width: 100%; 
    background-color: #FFC18F; 
} 

div#container { 
    width: 100%; 
    min-width: 1024px; 
} 

header { 
    height: 100px; 
    width: 100%; 
    background-color: #ff8400; 

    text-align: center; 
} 

header img { 
    clear: left; 
    float: left; 
    margin: 10px; 
} 

header a#purchase { 
    background: url("http://i.imgur.com/RJe8a1D.png") repeat-x; 

    width: 500px; 
    height: 25px; 
    margin: 30px; 
    padding: 5px; 

    border: 3px double #ccc; 
    text-align: center; 

    float: right; 

    font-family: Arial; 
    font-size: 20px; 
    text-decoration: none; 
    color: #ffffff; 
} 

section#main { 
    padding: 0px 0px 10px 0px; 
    text-align: center; 
} 

section#main div#head_announcements { 
    padding-top: 10px; 

    color: #000; 
    font-family: "Arial"; 
} 

section#main div#head_announcements h2 { 
    font-size: 24px; 
    font-weight: lighter; 
    line-height: 26px; 
} 

section#main h2 a { 
    color: #FFFFFF; 
    text-decoration: none; 
} 

section#main h2 a:hover { 
    color: #000000; 
} 

section#main nav { 
    background: url("./images/navBG.png") repeat-x; 
    width: 100%; 
    height: 35px; 
    text-align: center; 
} 

section#main nav a.link { 
    font-family: "Century Gothic"; 
    text-decoration: none; 
    color: white; 
    font-size: 25px; 
    vertical-align: top; 
    float:center; 
} 

section#main nav a.link:nth-of-type(1) { 
    float:center; 
} 

section#main nav a.link:hover { 
    color: #39F; 
} 

section#main nav a.link.active { 
    color: #39F; 
} 


section#main section#frames { 
    margin-top: 10px; 
    width: 100%; 
} 

section#main section#frames iframe { 
    border: 0px; 
    outline: 0px; 
    overflow: hidden; 

    margin: 0px; 
    padding: 0px; 
} 

section#main section#frames iframe#frame1 { 
    width: 650px; 
    height: 450px; 
    background-color: black; 
} 

section#main section#frames iframe#frame2 { 
    width: 350px; 
    height: 450px; 
} 

footer { 
    padding: 10px 0px 10px 0px; 
    width: 100%; 
    text-align: center; 
    height: 110px; 
} 
</style> 
</head>

URL : I 탐색 줄 텍스트의 중심을 보일 수 없다 http://skyaccess.se/forum/misc.php?page=hdppvs CSS 네비게이션 바 센터

. 누군가 이것을 교정 할 수 있습니까?

또한 저는 CSS를 배우려고 노력하고 있습니다. 누군가 훌륭한 사이트를 보여줄 수 있다면 매우 감사 할 것입니다. $ 29/mo를 지불하는 것을 고려하면 몇 가지 상호 작용 웹 사이트가 있습니다.

출처

2014-01-11 WCKicksAss

'html'코드를 게시하십시오. HTML 개발, CSS 개발, Javascript 개발, 웹 개발과 관련된 많은 것들을 시작할 수있는 [** link **] (http://www.w3schools.com/html/)가 있습니다. –

추가 플로트 : 당신의 CSS에서 왼쪽 :

section#main nav { 
background: url("./images/navBG.png") repeat-x; 
width: 100%; 
height: 35px; 
text-align: center; 
float: left;

출처

2014-01-11 05:16:51

도 탐색 사이에 벌어진 생성이 CSS를 추가 : "패딩 오른쪽 : 40px를;".

section#main nav a.link { 
font-family: "Century Gothic"; 
text-decoration: none; 
color: white; 
font-size: 25px; 
vertical-align: top; 
float: center; 
padding-right: 40px;

출처

2014-01-11 05:19:03

CSS 네비게이션 바 센터

답변

관련 문제