---
title: "CSS Hur aligna bullets i lista?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/114763-css-hur-aligna-bullets-i-lista"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Skogenskonung"
published: "2004-10-31T19:30:32.000Z"
updated: "2004-10-31T21:32:47.000Z"
replies: 7
views: 496
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/114763-css-hur-aligna-bullets-i-lista"
---

# CSS Hur aligna bullets i lista?

## #1 — Skogenskonung, 2004-10-31T19:30Z

Hej, jag gör en lista (UL) med hjälp av CSS. Jag har egna IMG istället för vanliga runda punkter i listan men bilderna vill inte hamna rätt i höjdled. Hur gör jag? Gå in på: <https://www.skogenskonung.se/newwebb>

Permalänk: https://www.webforum.nu/p/114763

## #2 — silfver, 2004-10-31T19:34Z

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. :)

Permalänk: https://www.webforum.nu/p/1474045

## #3 — Skogenskonung, 2004-10-31T19:41Z

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?

Permalänk: https://www.webforum.nu/p/1474048

## #4 — Skogenskonung, 2004-10-31T19:43Z

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; }

Permalänk: https://www.webforum.nu/p/1474049

## #5 — silfver, 2004-10-31T19:59Z

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. :)

Permalänk: https://www.webforum.nu/p/1474051

## #6 — Skogenskonung, 2004-10-31T20:10Z

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.

Permalänk: https://www.webforum.nu/p/1474054

## #7 — silfver, 2004-10-31T20:31Z

Nu ser jag bilderna även i Firefox. :)

Permalänk: https://www.webforum.nu/p/1474055

## #8 — icaaq, 2004-10-31T21:32Z

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

Permalänk: https://www.webforum.nu/p/1474069

---

Tråden på webben: https://www.webforum.nu/amne/html-css/114763-css-hur-aligna-bullets-i-lista