---
title: "Det blir lite fel när jag har annan hover-bakgrund på en rad med en länk"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/88846-det-blir-lite-fel-när-jag-har-annan-hover-bakgrund-på-en-rad-med-en-länk"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Tjock-Erik"
published: "2003-10-18T14:35:13.000Z"
updated: "2003-10-19T19:19:24.000Z"
replies: 5
views: 292
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/88846-det-blir-lite-fel-när-jag-har-annan-hover-bakgrund-på-en-rad-med-en-länk"
---
# Det blir lite fel när jag har annan hover-bakgrund på en rad med en länk
## #1 — Tjock-Erik, 2003-10-18T14:35Z
Jag har en meny som är skapad med en div. I den finns ungefär tio rader med en länk på varje. Jag hade tänkt att när jag håller musen över raden med en länk så ska hela bakgrunden färgas i en ny färg.
Så blir det, men hela raden med länken tolkas som en länk i stället för bara texten.
diven heter vmeny. Så här ser CSS-koden ut: När jag tar bort display:block från #vmeny a:link räknas inte hela raden som en länk, men då måste jag föra musen över själva länken, inte bara över raden, för att bakgrundsfärgen ska bytas.
\#vmeny a:link {
background-color: #EBE6E0;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
border: 0px;
display: block;
color: #000000;
text-decoration: none;
}
\#vmeny a:visited {
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
border: 0px;
display: block;
color: #000000;
text-decoration: none;
}
\#vmeny a:hover {
background-color: #EBE6E0;
padding: 0px;
border-top-width: 3px;
border-right-width: 5px;
border-bottom-width: 3px;
border-left-width: 5px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #EBE6E0;
border-right-color: #EBE6E0;
border-bottom-color: #EBE6E0;
border-left-color: #EBE6E0;
display: block;
color: #000000;
text-decoration: none;
}
\#vmeny a:active {
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
border: 0px;
display: block;
color: #000000;
text-decoration: none;
Permalänk: https://www.webforum.nu/p/88846
## #2 — LeonL, 2003-10-19T09:00Z
Kan du inte lösa det med onmouseover i stället? Blir lite förvirrad när du säger *rad*. Använder du en tabell?
Permalänk: https://www.webforum.nu/p/1189673
## #3 — Tjock-Erik, 2003-10-19T11:37Z
Hur fungerar inmouseover? Jag använder inte tabeller.
Permalänk: https://www.webforum.nu/p/1189777
## #4 — LeonL, 2003-10-19T11:59Z
det är en javascript-funktion... testa med detta
```
Hej hej!
```
Eftersom du har flera rader (div?) så är det nog bäst att vi använder en *function*.
Permalänk: https://www.webforum.nu/p/1189791
## #5 — jarvklo, 2003-10-19T12:43Z
Hmm...
Tyvärr fungerar följande teknik inte i "Dinosaurien" MSIE (som ju inte stödjer CSS2) - men annars hade du kunnat använda följande, i mitt tycke ganska eleganta, princip för att få till det du vill utan att använda javascript:
```
Meny med CSS2
```
Testa i Mozilla eller Opera så får du se ;)
Det enda som inte funkar i MSIE6 är just detta att raderna byter färg när man för markören över dem (färgen byts i MSIE bara när man "hovrar" över själva länken)
/red: Rättat stavfel ;)
Permalänk: https://www.webforum.nu/p/1189804
## #6 — bossse, 2003-10-19T19:19Z
Har lekt ihop lite kod här, kanske kan va nåt?
```
Menyförslag
Svårt med Div. Lättare då med en tabell enl. nedan.
Ska du ha en div så gissar jag att du får lägga flera div i en div.
För bara pekaren över tabellens rader
Senast besökta länk blir grön
```
Permalänk: https://www.webforum.nu/p/1190042
---
Tråden på webben: https://www.webforum.nu/amne/html-css/88846-det-blir-lite-fel-när-jag-har-annan-hover-bakgrund-på-en-rad-med-en-länk