Ansicht:   

#215690 HTML/CSS Formatierung von Listen? (web.design)

verfaßt von schnake, Marburg, 11.06.2010, 17:20:31

hi

> Wie bekomme ich es hin, dass die Liste 2 rechts neben der Liste 1 ist?

mit float:left; bzw float:right;
btw deine a-tags solltest du auch schließen  ;-)

<ul id=\"Navigation_Gesamt_ul\">
 <li class=\"Oberpunkte_li floatleft\">
	<a href=\"#\">Liste 1</a>
	<ul class=\"Unterpunkte_ul\">
	 <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 1</a></li>
	 <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 2</a></li>
	 <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 3</a></li>
	 <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 4</a></li>
	</ul>
 </li>
 <li class=\"Oberpunkte_li floatright\">
	<a href=\"#\">Liste 2</a>
	<ul class=\"Unterpunkte_ul\">
	 <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 1</a></li>
	 <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 2</a></li>
	 <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 3</a></li>
	 <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 4</a></li>
	</ul>
 </li>
</ul>



für deine css-file
.floatright {float:right;}
.floatleft {float:left;}

wenn du die liste nicht in der breite begrenzt wird sie sich aber so weit ausdehnen wie möglich ... da musst du also noch weiter anpassen/nacharbeiten.

gruß schnake

--
"Wenn die Welt von Frauen regiert würde, hätten wir keine Kriege, nur erbitterte Verhandlungen alle 28 Tage." Robin Williams [RIP]


"Wenn der Teufel machtlos ist, schickt er seine Frau." [ukrainisches Sprichwort]

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz