Einfaches Menü

Tutorial wurde erstellt von: Bluevacci.de

Bei diesem Navigations Menü ist der List-Style none, somit wird kein Bullet Typ angezeigt. Durch die Anweisung display:inline werden alle Links der Navigation horizontal ausgerichtet. Alle anderen Anweisungen werden von dem globalen a und a:hover CSS Stylesheet übernommen.

Beispiel anzeigen 

CSS:

#hList_00 ul {
	list-style-type: none;
}
#hList_00 li {
	display: inline;
}
#hList_00 li a {
	padding: 5px 10px;
}

HTML:

 
<ul id="hList_00">
  <li><a href="#">01. MenüLink</a></li>
  <li><a href="#">02. MenüLink</a></li>
  <li><a href="#">03. MenüLink</a></li>
  <li><a href="#">04. MenüLink</a></li>
  <li><a href="#">05. MenüLink</a></li>
</ul>