[TYPO3-UG Freiburg] ul-li Liste anständig formatieren unmöglich?

[Tobias Binnig]

Hi Ben,

hier eine etwas ausführlichere Anweisung zur Gestaltung einer Liste, die
bündig im Text und zweizeilig prima funktioniert:
Anzuschauen unter (Liste im content mit blauer Schrift):
http://typo3.hostingkunde.de/gesundzuhause/index.php?id=57

ul.nav {
	margin:0;
	padding:0;
	margin-top:10px;
	margin-left:15px; (Kommentar: wenn ich das auf null setze, ist der Text
bündig mit dem Bodytext und die Listenpunkte sind ausgerückt)
}
ul.nav li{
	line-height:13px;
	list-style-image:url(../images/dot.gif);
	margin-bottom:8px;
}
ul.nav li#current{
	list-style-image:url(../images/dot.gif);
	margin-bottom:8px;
}
ul.nav li a {
	color:#6D7BBA;
}
ul.nav li a.current {
	color:#000;
}

Mit padding kannst du dann noch den Textabstand zum Listenpunkt
beeinflussen.

Viele Grüsse
Tobias



-----Ursprüngliche Nachricht-----
Von: typo3-ug-freiburg-bounces at lists.netfielders.de
[mailto:typo3-ug-freiburg-bounces at lists.netfielders.de]Im Auftrag von
Benjamin Keil
Gesendet: Donnerstag, 20. September 2007 19:44
An: TYPO3 Usergroup Freiburg
Betreff: [TYPO3-UG Freiburg] ul-li Liste anständig formatieren
unmöglich?


Hallo zusammen,

ich bin am Verzweifeln... ich möchte eine einfache ul-li-Liste so mit
CSS formatieren, dass die Listenicons (circle, square,...) bündig mit
normalem Text stehen. Der Text eines Listenpunktes muss somit
eingerückt werden, denn sonst würde er ja über dem Icon liegen, aber
das passiert ja automatisch und der Abstand lässt sich anscheinend
auch nicht beeinflussen. Wenn ein Listenpunkt zweizeilig wird, dann
soll die zweite Zeile bündig mit der ersten sein – list-style-
position:inside scheidet somit aus(?). Das soll natürlich in allen
üblichen Browsern ohne Browserhack funktionieren. Die einzigst
halbwegs akzeptable Umsetzung bekomme ich mit list-style-type:none
und einer Hintergrundgrafik der li-Elemente hin. So toll ist das aber
nicht, da ich die Hintergrundgrafik "top"-ausrichten muss (wegen
eventuellen Umbrüchen > zweizeilig) und sie somit nicht bei jeder
Schriftgröße auf einer Linie mit dem Text steht.

Hat das schonmal jemand geschafft?

Grüße
Ben



_______________________________________________
TYPO3-UG-Freiburg mailing list
TYPO3-UG-Freiburg at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-freiburg