---
title: "infoga bild i list"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/159817-infoga-bild-i-list"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "peppar"
published: "2007-04-30T23:34:19.000Z"
updated: "2007-05-01T19:08:29.000Z"
replies: 3
views: 430
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/159817-infoga-bild-i-list"
---

# infoga bild i list

## #1 — peppar, 2007-04-30T23:34Z

Jag skulle vilja ha en URL till en bild istället för tecken i denna: 

```
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
```

Om jag gör såhär: 

```
ul#navlist li:hover ul#subnavlist li a:before { content: url(../forward.gif); }
```

 Så blir visas den repeterad som en "tilad" bakgrundsbild...

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

## #2 — tanten, 2007-05-01T07:20Z

Blir lite undrande...:-) 
Gissar att du har något j.s. till content... 
Men har du testat med de helt vanliga list-attributen.
t.ex.

```
a:hover{list-style: url(../forward.gif);}
```

 
i stället för att jobba med a:before.

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

## #3 — peppar, 2007-05-01T09:05Z

Det gick visst att göra såhär ändå.. 

```
ul#navlist li:hover ul#subnavlist li a:before { content: url(../forward.gif); }
```

 Måste viss ha slarvat när jag provade...?!

\-\> tanten. Undra på du ;) 
Det är en CSShover från [css.maxdesign.au](http://css.maxdesign.com.au/listamatic2/horizontal04.htm)

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

## #4 — Helmertz, 2007-05-01T19:08Z

En annan metod:

```
ul#navlist li:hover ul#subnavlist li a { padding-left: 10px; background: url(../forward.gif) center left no-repeat; }
```

:before stöds nog inte av alla webbläsare..

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/159817-infoga-bild-i-list