✔ horizontales Menü mit CSS

[<desty>]

Gudn mal wieder!

Ich bin derzeit damit beschäftigt ein horizontales Navigationsmenü mit CSS zu erstellen. Die Zeile dafür habe ich bereits angelegt und auch den dementsprechenden CSS Code in die Seite getippt

Allerdings ist das natürlich nur ne einfache Zeile und ich grübel derzeit darüber nach, wie es denn nun weitergeht.Herauskommen soll am Ende eine Unterteilung in 8 Menüpunkte, welche beim Hovern mit der Maus die Hintergrundfarbe ändern.


Aber ich zeig euch erstmal den Code bis hier her:

CSS

#menu		{
				width: 700px;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				border: 1px dotted black;
				margin-top: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
				background-color: #DADADA;
				font-size: 0.8em;}

HTML

<div id="menu"> navi1 navi2 navi3 navi4 navi5 navi6 navi7 navi8 </div>

Nun muss ich ja irgendwie ne Art Tabelle innerhalb dieser Box einfügen wenn ich mich nicht irre. Aber wie das Schicksal so will, steh ich mal wieder völlig ratlos vor diesem Problem

 

[Matthias Reitinger]

Hallo,

Menüs werden in der Regel als Listen ausgezeichnet. Entsprechende Möglichkeiten zur Formatierung lassen sich bei Listamatic finden.

Grüße,
Matthias

 

[Maik]

Das Stichwort lautet CSS-Listenmenü:

<ul>
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a></li>
    <li><a href="#">link 3</a></li>
</ul>

li {
display: inline;
list-style-type: none;
}

Listamatic: one list, many options bietet ein variantenreiches Repertoir an horizontalen und vertikalen CSS-Listenmenüs.