nicht angemeldet
Hallo,
Ich versuche gerade ein paar Rätsel bei der Formatierung von Listen zu lösen. Es geht mir darum, daß ich für das Element <ul> ein paar Vorgaben machen möchte - zum Beispiel zur Einrückungstiefe.
Ein generelles Problem ist damit, dass z.B. Das Bulletzeichen bei einigen Browser im <ul> steht bei anderen nicht.
Ausprobieren mit Opera/IE und dann Mozilla
ul {border:solid 1px red;}
jetzt nimm dazu:
li {border:solid 1px blue;}
Dann weisst du schon jetzt, dass du Probleme mit margin-left und padding-left bekommst:
ul {border:solid 1px red; margin-left:0px;}
bewirkt keine Änderung im Mozilla im Vergelich zum vorigen Bild, bei IE und Opera jedoch eine Menge.
Ein
li {border:solid 1px blue;margin-left:0px;}
Bewirkt im weitern keine Änderungen in den Browser.
Mit:
ul {
border:solid 1px red;
padding-left:10px;
}
li {
border:solid 1px blue;
margin-left:0px;
}
erreichst zwar eine halbwegs ähnliche Darstellung, aber du muss vermutlich trotzdem noch ein <div> um deine Liste legen. (z.B. wenn deine Liste direkt im <body> steht.
Grüße
Thomas
PS:
Habe mit <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> gearbeitet, aber auch ohne ist das selbe.