---
title: "Problem med sprites"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189562-problem-med-sprites"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "undentified"
published: "2012-04-05T16:20:09.000Z"
updated: "2012-04-05T16:47:49.000Z"
replies: 1
views: 375
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/189562-problem-med-sprites"
---

# Problem med sprites

## #1 — undentified, 2012-04-05T16:20Z

Hej!

Jag har problem med sprites! Allt funkar som det ska förutom att bakgrunden i varje sprite inte fungerar. Koden är längre ner och jag undrar varför bakgrunden inte fungerar...

```

#navlist{position:relative;}
#navlist li{margin:0px;padding:0px;list-style:none;position:absolute;top:0px;}
#navlist li, #navlist a{height:43px;display:block;}

#facebook{left:0px;width:22px;}
#facebook{background-image: url("menu_simplex.png") 0px 0px;}
#facebook a:hover{background-image: url("menu_simplex.png") 0px -21px;}

#twitter{left:63px;width:43px;}
#twitter{background-image: url("logo_twitter.png") -23px 0px;}
#twitter a:hover{background-image: url("logo_twitter_hover.png") -23px -21px;}
```

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

## #2 — voigtann1, 2012-04-05T16:47Z

background-image är bara bilden, inte position

```
#facebook{left:0px;width:22px;}
#facebook{background: url("menu_simplex.png") 0px 0px;}
#facebook a:hover{background-position: 0px -21px;}

#twitter{left:63px;width:43px;}
#twitter{background: url("logo_twitter.png") -23px 0px;}
#twitter a:hover{background-position: -23px -21px;}
```

kommer fungera bättre (om du har logo_twitter.png och menu_simplex.png i samma mapp som css filen.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189562-problem-med-sprites