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: http://skyaccess.se/forum/misc.php?page=hdppvs CSS панель навигации Центр

Я не могу показаться, чтобы центрировать текст навигационной панели. Может кто-то исправить это?

Кроме того, я пытаюсь изучить CSS, поэтому, если бы кто-нибудь мог показать мне отличный сайт, я был бы очень благодарен. Учитывая, что оплата $ 29/mo - это веб-сайт взаимодействия с точками.

источник

2014-01-11 WCKicksAss

Пожалуйста, разместите свой код "html". Вот ссылка [** link **] (http://www.w3schools.com/html/), чтобы вы могли запускать свои «HTML», «CSS», «Javascript» и многие другие материалы, связанные с веб-разработкой. –

добавить поплавок: осталось в 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 панель навигации Центр

ответ

Смежные вопросы