Как сделать функциональную навигационную панель HTML5 ⇐ Html

[Anonymous]

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

Вот мой HTML-код для всей панели навигации и заголовка:

Код: Выделить всё

body {
margin:0;
}

#nav-plus-head-wrapper {
background: blue;
height: 100px;
position: absolute;
top: 0px;
left:0px;
right:0px;
}

#topheader {

}

#topnav {
background: yellow;
position: relative;
top: 0px;
right: 0px;
}

.navli {
display: inline;
}

a:link {
text-decoration: none;
color: red;
}

a:hover {
text-decoration: none;
color: orange;
}

a:visited {
text-decoration: none;
color: white;
}

Код: Выделить всё

Site




[list]
[*]Home
[*]About
[*]Services
[*]Contact
[/list]

Подробнее здесь: https://stackoverflow.com/questions/180 ... ml5-navbar