---
title: "Meny med bild som separerar varje element"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/139013-meny-med-bild-som-separerar-varje-element"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-12-08T15:11:42.000Z"
updated: "2005-12-12T16:08:59.000Z"
replies: 5
views: 392
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/139013-meny-med-bild-som-separerar-varje-element"
---

# Meny med bild som separerar varje element

## #1 — maqe, 2005-12-08T15:11Z

Har kikat på <http://css.maxdesign.com.au/listamatic/horizontal32.htm> och skulle vilja göra en sådan meny fast använda bilder som separerar varje \<li\>. Någon som gjort detta och har lust att ge mig några tips?

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

## #2 — tanten, 2005-12-08T16:18Z

Ett förslag... men här bara själva li taggen och då börjar texten 25px in och bilden före.
\#meny ul li {
	width: 150px;
	padding: 5px 0 5px 25px;
	display: block;
	background: url(dinbild.gif) 14px 7px no-repeat;
	
}

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

## #3 — SimOnline, 2005-12-08T16:24Z

Har du prövat med att ersätta

```
 #navlist li:before { content: "| "; }
```

med

```
 #navlist li:before { content: "<img src='bild.gif'> "; }
```

?

Jag har ingen aning om det fungerar, men ett försök är det kanske värt ;)

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

## #4 — zcorpan, 2005-12-08T18:50Z

SimOnline, det borde nog se ut ungefär såhär i så fall:

```
#navlist li:before { content: url(bild.gif); }
```

 :)

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

## #5 — maqe, 2005-12-08T21:11Z

Jag får testa detta imorgon, återkommer med hur resultatet blev

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

## #6 — maqe, 2005-12-12T16:08Z

Detta verkar inte vara någon stabil lösning för IE inte ... Någon som gjort något liknande, hur löste ni det då?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/139013-meny-med-bild-som-separerar-varje-element