<ul> liste mit weniger abstand versehen
andi_b
- html
0 Thomas Luethi0 Cyx23
moin zusammen,
möchte gern mit <ul> erstellte listen insgesamt nach oben rücken (also weniger abstand haben lassen). margin und padding mit negativen werten habe ich schon probiert, das will nicht.
welchen trick muss man da anwenden, um das umzusetzen?
btw: kann man den zeilenabstand festlegen/ändern - der ist bei ie und moz komplett unterschiedlich.
weidmannsdank, andi
Hallo Andi,
Eine URL (natuerlich als Link, </faq/#Q-19>), waere gut.
möchte gern mit <ul> erstellte listen insgesamt nach oben rücken (also weniger abstand haben lassen). margin und padding mit negativen werten habe ich schon probiert, das will nicht.
Dann liegt es vielleicht daran, dass das Element, welches
vor der Liste kommt, unten einen zu grossen Margin hat
(sollte aber durch negative Margins beseitigt werden koennen),
oder dass das Element, im dem die Liste enthalten ist,
ein zu grosses Padding hat.
Mach mal zu Kontrollzwecken die Border der Elemente sichtbar.
Das erklaert oft unerklaerliche Phaenomene... ;-)
btw: kann man den zeilenabstand festlegen/ändern - der ist bei ie und moz komplett unterschiedlich.
Die Listenformatierung mit CSS ist relativ muehsam.
Die Browser haben da in der Tat sehr eigenwillige Vorstellungen.
Ein paar Ideen kriegst Du hier:
http://www.subotnik.net/style/list-box-test.html
http://devedge.netscape.com/viewsource/2002/list-indent/
http://www.alistapart.com/articles/taminglists/
http://css.maxdesign.com.au/listamatic/
Damit es zwischen Listen-Elementen keinen vertikalen
Abstand gibt, ist es fuer den MS IE leider oft notwendig,
fuer LI einen border-bottom zu definieren (meine Erfahrung).
Gruesse,
Thomas
Hallo Andi,
Eine URL (natuerlich als Link, </faq/#Q-19>), waere gut.
danke dir thomas, werde das mal ansehen. hab hier auch mal den link für dich (inhalt hat nix mit mir zu tun):
http://sbs-sachsen.de/schulung2.htm
ahoi, andi
Hallo,
möchte gern mit <ul> erstellte listen insgesamt nach oben rücken (also weniger abstand haben lassen). margin und padding mit negativen werten habe ich schon probiert, das will nicht.
welchen trick muss man da anwenden, um das umzusetzen?
vielleicht hilft dir das hier über Listen und IE noch weiter http://www.lipfert-malik.de/webdesign/tutorial/bsp/listenCSSmenu.html
btw: kann man den zeilenabstand festlegen/ändern - der ist bei ie und moz komplett unterschiedlich.
In dem Beispiel ist als eine Lösung die Anwendung von float beim IE auf ul, aber zu dem Thema müsste auch kürzlich etwas ins Archiv gekommen sein.
Grüsse
Cyx23