CSS Hur aligna bullets i lista?

I Firefox så syns inte dina bilder över huvud taget. Pröva skriva en absolut sökväg: http://www.skogenskonung.se/newwebb/img/arrow_green.gif

Sen kan du kanske pröva sätta lite padding på bakgrundsbilden?

r\ Sen så har du inte beskurit bilden ordentligt. Gör så att du har endast pilen kvar utan en massa tomma ytor ovan. :)

Ok, nu anger jag hela sökvägen till bilden, ser du den nu? Jag har inga tomma ytor ovan och under bilden. Vad menar du med padding på bakgrundsbilden?

Här är CSS:en för listan.

ul.leftcol { list-style-image: url(http://www.skogenskonung.se/newwebb/img/arrow_green.gif); list-style: circle outside; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; margin-left: 24px; line-height: 20px; }

Tyvärr ser jag inte pilen i Firefox nu heller. Vad felet är får någon annan svara på. Du använder ju line-height: 20px då skulle du ju faktiskt kunna göra så att du gör pilen till 20px på höjden i stället så slipper du krångla med paddings och sånt. Du lägger helt enkelt bara pilen i mitten av bilden och gör den 20px hög. :)

ul.leftcol {
	list-style-image: url([url]http://www.skogenskonung.se/newwebb/img/arrow_green.gif[/url]);
	[s]list-style: circle outside;[/s]
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-left: 24px;
	line-height: 20px;
}

Det som kan göra att det spökar i Firefox kan ju i och för sig vara det jag strukit över. Testa ta bort det. :)

Hej igen, nu har jag gjort bilden 20 px hög, då blev det ännu mer höjdskillnad. Jag har också tagit bort list-style: circle. Ser du pilen nu? Jag tror jag satsar på att slopa listan helt och satsa på bilder med radbrytningar istället. Då kan jag ju använda absmiddle på bilden istället.

Nu ser jag bilderna även i Firefox. :)

Jag tycker du ska köra på en lista iaf kolla in ett exempel på hur du kan göra här.

http://member.webforum.nu/1029/kd2.htm

mv icaaq