---
title: "punktad linje i <li>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/131009-punktad-linje-i-li"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-07-06T08:08:30.000Z"
updated: "2005-07-06T11:28:33.000Z"
replies: 7
views: 385
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/131009-punktad-linje-i-li"
---

# punktad linje i <li>

## #1 — maqe, 2005-07-06T08:08Z

Jag gör en meny mha en lista och jag skulle vilja ha en linje mellan varje element som är en punkt linje. Nu använder jag border-bottom:dotted 1px #000; men den blir aldeles för stor tycker jag. Hur gör jag en egen dotted line på bästa sätt?

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

## #2 — pettsson, 2005-07-06T08:21Z

Det kan bli svårt att få en linje tunnare än en pixel... Eller är den för stor på annat sätt?

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

## #3 — silfver, 2005-07-06T08:34Z

Du kan ju rita en egen bild, två pixlar bred med en svart pixel i den högra pixeln och sen så lägger du den som bakgrund i \<li\>-objektet. Typ så här: 

```
 li {
	background: url(listbild.gif) bottom left repeat-x;
}
```

Sådär tror jag man borde kunna göra. :) Men som pettson skriver så går det ju inte få en tunnare linje än 1pixel. ;)

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

## #4 — maqe, 2005-07-06T08:52Z

känns inte som att dotted 1px blir 1px ... i FF blir bordern helt ok men inte i IE tyvärr. det med bakgrund är ju en lösning, dock använder jag background taggen för att byta ut punkten mot en egen ikon.

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

## #5 — Insider, 2005-07-06T08:55Z

'dotted' stödjs ej av IE. Den blir 'dashed' istället.

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

## #6 — zcorpan, 2005-07-06T10:11Z

2px dotted och tjockare ser rätt ut i IE.

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

## #7 — pettsson, 2005-07-06T11:10Z

> **maqe skrev:**
>
> ... dock använder jag background taggen för att byta ut punkten mot en egen ikon.

Varför då? Det finns ju ett attribut, list-style-image, som används för att byta ut punkten.

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

## #8 — maqe, 2005-07-06T11:28Z

jag tyckte det var enklare att placera ikonen om jag lade den som background.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/131009-punktad-linje-i-li