nicht angemeldet
Hallo,
Die Browser haben alle sehr eigenwillige Ideen von margin/padding bei Listen (ul,ol) und Listenpunkten (li).
Daher macht es sich gut, wie in diesem fall, die grafik nicht als listen symbol zu nutzen sondern als hintergrundgrafik für das <li> element und dieses mit list-style:none; zu formatieren. Das im <li> enthaltene <a> element kann man dann mit margin-left:...; auf abstand bringen, so dass die hintergrundgrafik sichtbar ist. So ist die darstellung in diversen browsern recht gut zu handhaben und es giebt keine grossen probleme.
Danke, diese Loesung klingt elegant.
Werd ich mir merken.
Bleibt anzumerken, dass evtl.
li a { display:block; }
auch noch eine Rolle spielen koennte, z.B. fuer die hover-Effekte,
oder damit man auch auf das Symbol klicken kann, um dem Link zu folgen.
Und weil margin fuer Netscape 4.x gefaehrlich ist, gehoert das ganze CSS natuerlich
irgendwohin, wo Netscape 4.x es nicht findet...
mfg
Thomas