--- title: "Mouseover-effekt på tabellrad" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/140714-mouseover-effekt-på-tabellrad" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "SoulGod" published: "2006-01-11T23:20:10.000Z" updated: "2006-01-12T14:12:21.000Z" replies: 7 views: 433 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/140714-mouseover-effekt-på-tabellrad" --- # Mouseover-effekt på tabellrad ## #1 — SoulGod, 2006-01-11T23:20Z Såg på en sida någonstans, en lång lista på information, och när man höll muspekaren över en "rad" i tabellen, så blev det en markering över hela raden, typ en overmouse effekt (jag antar det var bakrunden som ändrades), iaf var det jättesnyggt , och jag vill ha en sådan på min sida. Någon som har något tips på hur jag gör detta? Permalänk: https://www.webforum.nu/p/140714 ## #2 — cyprys, 2006-01-11T23:27Z vet jag i alla fall har en sån. Permalänk: https://www.webforum.nu/p/1745164 ## #3 — m_soderlund, 2006-01-12T00:42Z onmouseover och onmouseout-attribut på tabellceller. Alternativt det fungerar med a:hover, ungefär så här: ``` a: hover { background: #333; width: 150px; height: 118%; } ``` eller dyl. Permalänk: https://www.webforum.nu/p/1745170 ## #4 — echoSwe, 2006-01-12T05:19Z soderlund - han frågar efter en rad, inte en cell... du kan skriva tr:hover { background:red; } så lyser den upp i bra browsers. För att få det att funka med IE så får du använda javascript. loopa igenom tabellen och sätta onhover på alla tr-element så löser det sig. Permalänk: https://www.webforum.nu/p/1745175 ## #5 — JaktJanne, 2006-01-12T08:41Z Nåt sånt här kanske? ``` ``` Permalänk: https://www.webforum.nu/p/1745223 ## #6 — zcorpan, 2006-01-12T10:38Z ``` tr:hover
foo bar baz
foo bar baz
foo bar baz
``` Permalänk: https://www.webforum.nu/p/1745246 ## #7 — echoSwe, 2006-01-12T12:42Z Glöm inte dina \ ``` Permalänk: https://www.webforum.nu/p/1745302 ## #8 — zcorpan, 2006-01-12T14:12Z > **echoSwe skrev:** > > Glöm inte dina \ > > ``` > > ``` SCRIPT är redan CDATA i HTML4. Använder du "\