[TYPO3-UG Freiburg] ul-li Liste anständig formatieren unmöglich?
Benjamin Keil
benjamecho at googlemail.com
Fri Sep 21 11:40:46 CEST 2007
Hallo,
> http://typo3.hostingkunde.de/gesundzuhause/index.php?id=57
danke für den Link. Im Internet-Explorer sind die Punkte leider
angeschnitten und die Abstände funktionieren auch nicht mit jeder
Schriftgröße. Auf's wesentliche reduziert sieht der Code dann so aus:
ul.nav {
margin:10px 0 0 15px;
padding:0;
}
ul.nav li{
line-height:13px;
list-style-image:url(../images/dot.gif);
margin-bottom:8px;
}
Der Unterschied zu Nicos Ansatz ist, dass margin statt padding
verwendet wird. Das verhält sich allerdings ähnlich. Das
grundsätzliche Problem ist, dass man den Abstand zwischen Punkt und
Text nicht beeinflussen kann. Ich bin momentan echt der Ansicht, dass
ein Hintergrundbild eines li-Elementes den Punkt genauer
positioniert, als alles andere und das bei flexiblen Schriftgrößen.
Der Vorteil Deines individuellen Hintergrundbildes ist sicherlich die
Einheitlichkeit in allen Browsern und dass er dann auch nicht in
manchen Browsern mit der Schriftgöße wächst. Den IE bekommt man
anscheinend sowieso nicht dazu, den Punkt proportional wachsen zu
lassen, daher dann lieber bei allen eine fixe Größe.
Das ursprüngliche Problem bei einem Kundenprojekt habe ich bereits
mit Hintergrundbild gelöst, aber falls Ihr möchtet können wir gerne
noch gemeinsam an einer allgemeingültigen Lösung "forschen".
Es ist echt einfacher eine ul-li-Liste für ein ausklappbares Menü zu
formatieren, anstatt für das, wofür sie urspünglicherweise gedacht
ist: Punklisten :-(
Grüße
Ben
--
http://www.keilblock.com
More information about the TYPO3-UG-Freiburg
mailing list