--- title: "Problem med \"Hover\" på hela raden" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/154916-problem-med-hover-på-hela-raden" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Tmed" published: "2006-12-15T21:35:27.000Z" updated: "2006-12-17T18:01:27.000Z" replies: 8 views: 586 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/154916-problem-med-hover-på-hela-raden" --- # Problem med "Hover" på hela raden ## #1 — Tmed, 2006-12-15T21:35Z Jag har nu suttit ett antal timmar med att försöka få hela raden att ändra färg när man för musen över den utan att lyckas... Problemet är att bara cellen "rubrik" blir markerad och inte hela \ raden. Jag kan inte mycket om css och koden kan vara litet rörig ännu: asp-fil: ``` "

Val	">Datum	">Rubrik
	2006-01-01	Rubrik

Val

">Datum

">Rubrik

2006-01-01

Rubrik

``` Och css-fil 1: ``` #Grid { WIDTH: 100%; BORDER-COLLAPSE: collapse; font-size: 1.1em; } #Grid TH { PADDING-RIGHT: 5px! important; PADDING-LEFT: 5px! important; PADDING-BOTTOM: 1px! important; VERTICAL-ALIGN: middle; PADDING-TOP: 1px! important; TEXT-ALIGN: left } #Grid TD { PADDING-RIGHT: 5px! important; PADDING-LEFT: 5px! important; PADDING-BOTTOM: 1px! important; VERTICAL-ALIGN: middle; PADDING-TOP: 1px! important; TEXT-ALIGN: left } #Grid TR.Odd { BACKGROUND: gray } #Grid THEAD TH { VERTICAL-ALIGN: middle; WHITE-SPACE: nowrap; HEIGHT: 20px } #Grid TBODY TD { PADDING-TOP: 2px; } #Grid TBODY TD A { DISPLAY: block; } #Grid TBODY TH A{ DISPLAY: block; } #Grid TBODY TR { DISPLAY: block; } ``` css-fil 2: ``` #Grid { COLOR: #755721; } #Grid THEAD { BACKGROUND: #f3f1c6 } #Grid THEAD TH { BORDER-RIGHT: #f6df93 1px solid; BORDER-BOTTOM: #f6df93 1px solid } #Grid THEAD TH A { COLOR: #755721; } #Grid TBODY { BACKGROUND: #ffffff } #Grid TBODY TR A{ COLOR: #755721 } #Grid TBODY TR A:hover { BACKGROUND: #e8e8e8; } #Grid TR.Odd { BACKGROUND: #edecd8 } ``` Permalänk: https://www.webforum.nu/p/154916 ## #2 — zcorpan, 2006-12-16T01:18Z ``` tr:hover { background:lime; } ``` Permalänk: https://www.webforum.nu/p/1910408 ## #3 — Tmed, 2006-12-16T09:24Z Jag har redan testat detta och det funkar inte! Enda gången jag kan få *något* markerat är när jag använder: ``` #Grid TBODY TR A:hover { BACKGROUND: #e8e8e8;} ``` Så koden under ger ingen effekt alls?!?! ``` #Grid TR:hover { BACKGROUND: #e8e8e8;} ``` Dessutom skiftar inte hela cellen färg vilket den borde då jag angivit display:block Permalänk: https://www.webforum.nu/p/1910432 ## #4 — zcorpan, 2006-12-16T13:16Z Jag tror problemet är att du testar i en dålig webbläsare (IE6?), inte att det är nåt fel på din kod. Permalänk: https://www.webforum.nu/p/1910551 ## #5 — Tmed, 2006-12-17T09:08Z Jag har testat med IE7! Permalänk: https://www.webforum.nu/p/1910698 ## #6 — zcorpan, 2006-12-17T13:18Z Har du en doctype som triggar Standards mode? Permalänk: https://www.webforum.nu/p/1910747 ## #7 — Tmed, 2006-12-17T17:04Z Jag kör med loose! ``` ``` Bifogar en bild där man kan se hur det ser ut! Bilagor: - [image.gif](https://www.webforum.nu/a/13130.gif) Permalänk: https://www.webforum.nu/p/1910795 ## #8 — zcorpan, 2006-12-17T17:41Z Det funkar bra för mig, om du tar bort ``` #Grid TBODY TR { DISPLAY: block; } ``` och ändrar ``` [red]"[/red] ``` till ``` ``` Och sen lägger till ``` #Grid TBODY TR:hover { background:lime; } ``` Se till att det inte finns nåt före doctypen också... Permalänk: https://www.webforum.nu/p/1910804 ## #9 — Tmed, 2006-12-17T18:01Z Många tack, dettta har tagit mig många timmar, skönt att detta forum finns...... Permalänk: https://www.webforum.nu/p/1910812 --- Tråden på webben: https://www.webforum.nu/amne/html-css/154916-problem-med-hover-på-hela-raden