listentutorials gesucht?

Ich suche Listentutorials mit deutscher Übersetzung. Bisher habe ich meine Menues immer mit divs gebaut und dann einfach <a href=""></a> rein.

Würde mich über gute Linbks freuen, bei Google naja immer sone Sache...

Ich kenne nur die und da sind fast alle Menues kopiright

--> http://www.cssplay.co.uk/menus/

Hier ein einfaches Beispiel für eine Liste als horizontale Navigation:

<div id="navigation">
<ul>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>

Der CSS Code ist zum Beispiel:

#navigation ul {
 list-style:none;
}


#navigation ul li {
 width:100px;
 height:25px;
 float:left;
}


#navigation ul li a {
 background:#333;
 width:100px;
 height:25px;
 color:#ddd;
 text-decoration:none;
 display:block;
}


#navigation ul li a:hover {
 background:#666;
 color:#fff;
}

Und nach dem Navigations- DIV folgt normaler Weise das Content-DIV dem man die CSS-Eigenschaft clear:left zuweisen sollte.

WEIL wer floatet muss clearen!

sejuma

Ich bin mir zwar net sicher aber kann es sein das du hier :
http://www.ohne-css.gehts-gar.net/0073.php

vergessen hast eine breite für das LI-Element anzugeben?

Hab i was im Hinterkopf von wegen bei float immer ein width angeben.

ah okay das es ab 2.1 nicht mehr so ist wusste ich nicht , naja wieder was gelernt

ich werde aber weiterhin noch die breite angeben:)

thx für die info

Man Dankt... dieses Kapitel werde ich in die Favoriten aufnehmen :p

was mir noch aufgefallen ist, der white-space-bug für bis IE7 besteht auch noch im IE8. :p:p

http://www.ohne-css.gehts-gar.net/0066.php