---
title: "mouse over i css ?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/144187-mouse-over-i-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mattias Nordin"
published: "2006-03-19T12:18:08.000Z"
updated: "2006-03-19T12:31:44.000Z"
replies: 2
views: 308
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/144187-mouse-over-i-css"
---

# mouse over i css ?

## #1 — Mattias Nordin, 2006-03-19T12:18Z

Idag kör jag följande...

\<table width=100% border=0 cellpadding=4 style="border:2px solid eeeeee;" onMouseOver="this.style.border='2px solid blue';" onMouseOut="this.style.border='2px solid eeeeee';" OnClick="document.location.href='\<%=myUrl%\>'"\>

... vilket fungerar bra.

Undrar nu om det går att få mouse over funktionaliteten att ligga i min .css fil istället. Är det möjligt?

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

## #2 — Jonasy, 2006-03-19T12:22Z

Jupp, med : hover

<http://www.w3schools.com/css/css_pseudo_classes.asp>

Tyvärr funkar : hover bara med \<a\>-taggen i IE. Men du använder ju tabellen lite galet, och vad händer t.ex om användaren har stängt av Javascript?

Använd alltid en \<a\>-tagg för länkar. Formatera den med CSS vid behov.

Edit: Hur stänger man av smilysar i inlägget? :-)

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

## #3 — zcorpan, 2006-03-19T12:31Z

```
<a href="#">foo</a>
```

```
a { display:block; padding:4px; border:2px solid #eee; }
a:hover { border-color:blue; }
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/144187-mouse-over-i-css