---
title: "CSS: placera bakgrundsbild till höger med padding 10px"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/186983-css-placera-bakgrundsbild-till-höger-med-padding-10px"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "silfver"
published: "2011-05-18T08:21:24.000Z"
updated: "2011-05-18T10:51:36.000Z"
replies: 6
views: 1895
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/186983-css-placera-bakgrundsbild-till-höger-med-padding-10px"
---

# CSS: placera bakgrundsbild till höger med padding 10px

## #1 — silfver, 2011-05-18T08:21Z

Den här koden fungera i IE9:

```
a {background: url(../img/up.png) no-repeat center right 10px;}
```

 Men i Firefox så visas inte bakgrundsbilden.

Jag har ingen möjlighet att ändra elementen utan kan bara ändra css:en. Bakgrundsbilden går just nu ända in i högerkanten vilket gör att det ser fel ut. Jag vill att den skjuts in till vänster 10 pixlar. Men kan inte sätta fasta mått eftersom den måste vara dynamisk.

Förstår ni mitt problem? Går det lösa?

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

## #2 — Nate.A, 2011-05-18T09:20Z

center måste ju vara överflödig, prova att bara ta bort den. Ser ut som att det borde fungera annars.

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

## #3 — silfver, 2011-05-18T09:36Z

> **[Nate.A skrev:](https://www.webforum.nu/p/1535080)**
>
> center måste ju vara överflödig, prova att bara ta bort den. Ser ut som att det borde fungera annars.

 Ja, det *borde* fungera. :D Men icke. Se bifogad fil.

```
a {background: url(../img/up.png) no-repeat right 10px;}
```

Bilagor:

- [Skärmklipp.PNG](https://www.webforum.nu/a/22690.png)

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

## #4 — Nate.A, 2011-05-18T09:49Z

Nu förstår jag hur du menar! :) Då måste jag meddela att det inte går, du kan använda procent för att placera den ungefär på rätt ställe. ex:

```
a {background: url(../img/up.png) no-repeat center 80%;}
```

eller så kanske du kan använda margin-right:

```
a {background: url(../img/up.png) no-repeat center right; margin-right:10px;}
```

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

## #5 — silfver, 2011-05-18T09:57Z

Jag har prövat att sätta procent men det blir fult eftersom pilen hoppar beroende på kolumnbredden (det finns flera). Sätter jag margin-right på 10 pixlar så blir ju hover-bakgrunden fel med 10 pixlar. :( 

Ska jag behöva erkänna mig besegrad denna gång? ;)

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

## #6 — Danne V, 2011-05-18T10:39Z

Testa att markera med "important":

```
a {background: url(../img/up.png) no-repeat right 10px!important;}
```

Funkar inte det, och om du inte orkar/vill knöla med css, hämta bilden till Photoshop, lägg till 10px transparens till höger på den och spara om den som gif eller png.

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

## #7 — silfver, 2011-05-18T10:51Z

> **[Danne V skrev:](https://www.webforum.nu/p/1535086)**
>
> Funkar inte det, och om du inte orkar/vill knöla med css, hämta bilden till Photoshop, lägg till 10px transparens till höger på den och spara om den som gif eller png.

 Självklart. Tack. ;)

btw. !Important fungerade inte heller.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/186983-css-placera-bakgrundsbild-till-höger-med-padding-10px