---
title: "Bugg i sliding doors, mellanrum"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/185984-bugg-i-sliding-doors-mellanrum"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "streetrobban"
published: "2011-02-03T13:27:09.000Z"
updated: "2011-02-03T13:44:17.000Z"
replies: 2
views: 1420
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/185984-bugg-i-sliding-doors-mellanrum"
---

# Bugg i sliding doors, mellanrum

## #1 — streetrobban, 2011-02-03T13:27Z

Tjena,

Jag testar sliding doors lite på en \<input\> knapp. Och jag lyckas inte få bort ett mellanrum som blir mellan bilderna i knappen. Kan någon hjälpa mig? Jag har även bifogat en bild på själva knappen.

Koden för CSS:

```
button {
  border: 0;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 20px 0px 0px;
  text-align: center;
}
button span {
  position: relative;
  display: block;
  white-space: nowrap;
  padding: 0px 0px 0px 20px;
}

button.submitBtn {
  background: url('../images/buttons/button_right2.png') right no-repeat;
  font-size: 10px;
  text-transform: uppercase;
}
button.submitBtn span {
  height: 33px;
  line-height: 33px;
  background: url('../images/buttons/button_left2.png') left no-repeat;
  color: #000000;  /* Textens färg */
}
button.submitBtn:hover {
	background: url('../images/buttons/button_right2.png') right no-repeat;
}
button.submitBtn:hover span {
	background: url('../images/buttons/button_left2.png') left no-repeat;
	text-decoration: underline;
}
```

Koden för HTML:

```
	<button value="submit" class="submitBtn"><span>Submit</span></button>
```

Bilagor:

- [knapp_fel.gif](https://www.webforum.nu/a/22406.gif)

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

## #2 — voigtann1, 2011-02-03T13:32Z

Är det inte bara att bakgrundsbilden är för kort?

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

## #3 — streetrobban, 2011-02-03T13:44Z

Än en gång voigtann1 har du hjälpt mig  :) Jag försökte fixa detta via koden, men det var bilderna det var fel på. Jag fick göra om designen på knappen lite men nu funkar det bra! Tack!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/185984-bugg-i-sliding-doors-mellanrum