Take a look at this website I am working on: new.AudioManiacProductions.com
A screenshot from Dreamweaver showing the divs can be found here: new.AudioManiacProductions.com/images/stack.png
Заметьте, как к панели навигации не сосредоточен, и в "доме" есть намерение левой стороны.
Я хочу, чтобы военно-морской бар протянул целый промежуток, он - родительский контейнер и быть сосредоточенным и вертикально и горизонтально.
Вот мой CSS для навигационного раздела страницы, военно-морского пункта списка и связей.
#nav {
width: 100%;
height: 40px;
margin: 0 auto;
padding: 0px;
text-align: center;
color: #FFF;
list-style: none;
line-height: auto;
verticle-align: middle;
}
#nav li {
padding: 0px;
display: block;
width: 20%;
list-style-type: none;
float: left;
text-align: center;
overflow: hidden;
line-height: auto;
verticle-align: middle;
}
#nav li a {
font-size: 18px;
font-weight: 600px;
text-decoration: none;
font-weight:800;
color:#FFF;
}
#nav li a:hover, a:visited {
color: #00F;
}
И вот мой HTML:
<div id="nav">
</div>
Любая помощь значительно ценится!