20. august 2003 - 13:17Der er
9 kommentarer og 1 løsning
Hvordan styrer jeg indrykning på <ul> og <ol> og <li>
Jeg sidder med en side hvor jeg gerne vil styre indrykningen på mine lister. Det vil jeg meget gerne, da pladsen er trang, og indrykningen tager ret meget plads.
Jeg bruger lige nu følgende kode, men den fungerer ikke helt rigtigt:
li { margin-left: -15px; padding-bottom: 5px; } ul { margin-bottom: 0px; list-style-image: url("../img/hvid_pil_box_bul.gif"); }
Det fungerer OK i IE, men mozilla og IE til mac æder dem anderledes, er der noget jeg kan gøre ved det ???
Som du kan se ovenover ved at margin står til -15, så rykker jeg ikke ind, men nærmere kanten!!! Det undrer mig at det er anderledes i IE til mac...
Men har fundet ud af at det skyldes at mac, ikke har de samme font formatteringer som PC. Deres standard indryk ved brug af list elementer er bare generelt ikke så stort, derfor får jeg problemer når jeg laver min margin: -15px; Så rykker den elementet for mange pixel til venstre!!! Men jeg tror umiddelbart ikke der er så meget at gøre ved det!
Her kan du for hver enkelte bullet styre indrykningen. Det fungerer nogenlunde i de browsere jeg lige har tjekket med (IE, NS, K-Meleon, Mozilla, Opera).
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
