---
title: "Problem med bakgrundsbilder i en ul lista"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/120584-problem-med-bakgrundsbilder-i-en-ul-lista"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maz0"
published: "2005-01-20T10:49:00.000Z"
updated: "2005-01-20T11:45:37.000Z"
replies: 2
views: 274
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/120584-problem-med-bakgrundsbilder-i-en-ul-lista"
---

# Problem med bakgrundsbilder i en ul lista

## #1 — maz0, 2005-01-20T10:49Z

Jag håller på att göra en lista med länkar till en text som är översatt i diverse språk. Det jag inte lyckas med är att ha en flagga för varje \<li\> tag, att ha en och samma flagga för alla är inga problem, jag vill ha olika för varje \<li\> hoppas ni förstår.  Problemet jag har nu är att jag inte ser en enda flagga.

Html koden ser ut enlig följande:¨

```
  <ul id="flagga">
    <li class="france">Fanska</li>
    <li class="spain">Spanska</li>
    <li class="ryska">Ryska</li>
    <li class="arabi">Arabiska</li>
    <li class="uk">Engelska</li>
  </ul>
```

Css koden ser ut enligt följande:

```
#flagga { 
			margin-left: 5;
			padding-left: 5;
			list-style: none;
		}

#flagga li.france {  
	background-image: url:(../../images/france.gif); 
 	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
			}
			
#flagga li.spain {  
	background-image: url:(../../images/spain.gif); 
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
		          }
		
#flagga li.ryska {  
        background-image: url:(../../images/ryska.gif); 
	padding-left: 10px;
        background-repeat: no-repeat;
        background-position: 0 .5em;
                          }

#flagga li.arabi {  
       background-image: url:(../../images/arabi.gif); 
       padding-left: 10px;
       background-repeat: no-repeat;
       background-position: 0 .5em;
                         }

#flagga li.uk {  
      background-image: url: url(../../images/uk.gif); 
      padding-left: 10px;
      background-repeat: no-repeat;
      background-position: 0 .5em;
                      }
```

Tack på förhand

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

## #2 — icaaq, 2005-01-20T11:01Z

1\. testa att ange mått på det första värdet i din position

```
[red]
background-position: 0em 0.5em;
[/red]
```

2\. Har du rätt sökväg till bilden?

mv icaaq

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

## #3 — maz0, 2005-01-20T11:45Z

Hittade felet.

```
background-image: url[B][red]:[/red][/B](../../images/france.gif);
```

Jag hade ett semikolon för mycket.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/120584-problem-med-bakgrundsbilder-i-en-ul-lista