---
title: "a:hover img fungerar inte"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/166463-a-hover-img-fungerar-inte"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "superc"
published: "2007-11-16T14:17:48.000Z"
updated: "2007-11-17T11:26:04.000Z"
replies: 18
views: 870
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/166463-a-hover-img-fungerar-inte"
---
# a:hover img fungerar inte
## #1 — superc, 2007-11-16T14:17Z
Tjena,
det är så att border-bottom inte vill försvinna på bildlänkar. Vad jag jag för fel? Kolla koden nedan.
```
#content a:link {
color: #c9c9c9;
text-decoration: none;
}
#content a:visited {
color: #c9c9c9;
text-decoration: none;
}
#content a:hover {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #ffc87e;
}
#content a:active {
color: #fff;
text-decoration: none;
border-bottom: 2px solid #ffc87e;
}
#content a:hover img {
border: none;
}
```
Permalänk: https://www.webforum.nu/p/166463
## #2 — voigtann1, 2007-11-16T14:22Z
Vilken läsare testar du koden på?
Permalänk: https://www.webforum.nu/p/2051963
## #3 — superc, 2007-11-16T14:22Z
firefox
Permalänk: https://www.webforum.nu/p/2051964
## #4 — voigtann1, 2007-11-16T14:26Z
```
assd
```
fungerar för mig.. bli någon orange border och att den försvinner.. vad har du för doctype?
Permalänk: https://www.webforum.nu/p/2051965
## #5 — Danne V, 2007-11-16T14:28Z
lägg till
img {border:none; display:block}
till stilmallen och se vad som händer.
Permalänk: https://www.webforum.nu/p/2051967
## #6 — superc, 2007-11-16T14:31Z
precis så ska det bli... konstigt det här. Doctypen:
\
Permalänk: https://www.webforum.nu/p/2051969
## #7 — superc, 2007-11-16T14:36Z
> **Danne V skrev:**
>
> lägg till
> img {border:none; display:block}
> till stilmallen och se vad som händer.
Det tog bort bordern :) men då blev det som att man la in en radbrytning innan den aktuella bilden :/
Permalänk: https://www.webforum.nu/p/2051970
## #8 — voigtann1, 2007-11-16T14:39Z
```
Bob
assd
```
och CSS:
```
#content a:link {
color: #c9c9c9;
text-decoration: none;
}
#content a:visited {
color: #c9c9c9;
text-decoration: none;
}
#content a:hover {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #f00;
}
#content a:active {
color: #fff;
text-decoration: none;
border-bottom: 2px solid #ffc87e;
}
#content a:hover img {
border: none;
}
img {border: 0}
```
fungera 100% för mig i Firefox.
Permalänk: https://www.webforum.nu/p/2051972
## #9 — superc, 2007-11-16T14:50Z
hmm, för mej fungerar det inte :S Det ska alltså inte bli någon border när man hovrar en bild. Det blir det för mej när jag testar din kod.
Permalänk: https://www.webforum.nu/p/2051973
## #10 — voigtann1, 2007-11-16T14:56Z
Då missförstod jag helt din fråga...
Permalänk: https://www.webforum.nu/p/2051975
## #11 — Danne V, 2007-11-16T15:15Z
> **superc skrev:**
>
> Det tog bort bordern :) men då blev det som att man la in en radbrytning innan den aktuella bilden :/
Ta bort display:block, då.
Permalänk: https://www.webforum.nu/p/2051977
## #12 — superc, 2007-11-16T15:27Z
> **Danne V skrev:**
>
> Ta bort display:block, då.
Nä, för då kommer bordern tillbaka :p
Permalänk: https://www.webforum.nu/p/2051979
## #13 — Danne V, 2007-11-16T16:22Z
> **superc skrev:**
>
> Nä, för då kommer bordern tillbaka :p
Det hänger en häst i luften här, helt klart.
Jag ber alltid folk att ladda upp hela, kompletta sidan till en server och ge en länk, eftersom man då ser ALLT och inte bara det som trådskaparen tycker är relevant. Orsaken till problemen döljer sig nämligen nästan alltid nån helt annan stans än vad man först tror.
Kan du göra det?
Permalänk: https://www.webforum.nu/p/2051990
## #14 — superc, 2007-11-16T18:22Z
> **Danne V skrev:**
>
> Det hänger en häst i luften här, helt klart.
>
> Jag ber alltid folk att ladda upp hela, kompletta sidan till en server och ge en länk, eftersom man då ser ALLT och inte bara det som trådskaparen tycker är relevant. Orsaken till problemen döljer sig nämligen nästan alltid nån helt annan stans än vad man först tror.
>
> Kan du göra det?
Du kan ju egentligen bara ta koden som voigtann1 paste'ade här ovanför.. Samma problem upstår där.
Permalänk: https://www.webforum.nu/p/2052022
## #15 — Danne V, 2007-11-16T19:07Z
> **superc skrev:**
>
> Du kan ju egentligen bara ta koden som voigtann1 paste'ade här ovanför.. Samma problem upstår där.
...eller så kanske du kan göra dig besväret att hjälpa folk hjälpa dig?
Folk har nämligen sällan tid eller lust att ta den koden, kopiera in i ett dokument tillsammans med stilmallen, göra en bild, spara och ladda upp på egen server för att sen, så småningom, kunna se hur sidan egentligen ser ut.
Vill du ha hjälp, så tycker jag det är ditt jobb - inte mitt eller andras.
Permalänk: https://www.webforum.nu/p/2052030
## #16 — superc, 2007-11-17T01:41Z
> **Danne V skrev:**
>
> ...eller så kanske du kan göra dig besväret att hjälpa folk hjälpa dig?
>
> Folk har nämligen sällan tid eller lust att ta den koden, kopiera in i ett dokument tillsammans med stilmallen, göra en bild, spara och ladda upp på egen server för att sen, så småningom, kunna se hur sidan egentligen ser ut.
>
> Vill du ha hjälp, så tycker jag det är ditt jobb - inte mitt eller andras.
ja självklart,.. ska tänka på det i framtiden. :) Här kommer en länk där problemet uppstår:
css:
Om du fortfarande har tid/lust att kolla på det här så skulle det vara jättesnällt :)
Permalänk: https://www.webforum.nu/p/2052084
## #17 — headbug, 2007-11-17T08:27Z
Problemet består i vad du sätter border på.
Sätter du border på #content a:hover så får a-elementet en röd border, precis som du vill.
Men sätter du border på #content a:hover img så definierar du plötsligt *bildens* border, eftersom det är det element du faktiskt specificerar i din css. Och den är redan osynlig.
Mitt förslag är att du skapar en klass för bilden som du sätter i
```
a.enbild:hover {border: 0pt; }
```
Permalänk: https://www.webforum.nu/p/2052091
## #18 — Danne V, 2007-11-17T08:48Z
> **superc skrev:**
>
> ja självklart,.. ska tänka på det i framtiden. :) Här kommer en länk där problemet uppstår:
>
> css:
>
> Om du fortfarande har tid/lust att kolla på det här så skulle det vara jättesnällt :)
Kanon! (y)
Nu kommer folk att vara MYCKET mer benägna att hjälpa!
Själv sitter jag på Mac, så kan inte kolla i IE. Headbugs tips är nog ganska säkert. Det brukar det vara.
Men en sak kan jag ju bidra med: Din kod validerar inte. Tror inte det har med just det här felet att göra, men det kan ju vara bra att fixa det på den riktiga sidan...
Permalänk: https://www.webforum.nu/p/2052095
## #19 — superc, 2007-11-17T11:26Z
Tack headbug, det fungerade :) Lite synd att man måste använda ytterligare en klass för att det ska fungera, men så är det ibland :)
Tack till Danne V och voigtann1 som också hjälpt mej :)
Permalänk: https://www.webforum.nu/p/2052123
---
Tråden på webben: https://www.webforum.nu/amne/html-css/166463-a-hover-img-fungerar-inte
sd
sd