---
title: "Underline vid mouse over funktion"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/122059-underline-vid-mouse-over-funktion"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "mattiasnordin"
published: "2005-02-09T09:35:26.000Z"
updated: "2005-02-09T10:03:00.000Z"
replies: 5
views: 248
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/javascript/122059-underline-vid-mouse-over-funktion"
---

# Underline vid mouse over funktion

## #1 — mattiasnordin, 2005-02-09T09:35Z

Hej hopp... 

Jag har en sida med en hel del ikoner på. Dessa bilder är länkar till andra sidor. Vill nu att om man håller musen ovan dessa så ska en blå linje visas under dessa. 

Kan man skapa en funktion som gör detta istället för att lägga till OnMouseOver... onMouseOut... border = ... på alla bilder ???

Skulle vara fiffigt. :o

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

## #2 — nitro2k01, 2005-02-09T09:46Z

Ett alternativ:

```
<style type="text/css">
.underlineimg {border: none;}
.underlineimg:hover {border-bottom: 1px solid blue;}
</style>
...
<img src="..." class="underlineimg">
```

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

## #3 — mattiasnordin, 2005-02-09T09:54Z

Om man inte tänker förtjänar man inte att leva... eller något :) 

Klockrent. Men jag får inte hoover att fungera.

```
<style type="text/css">
<!--
.myTableHeader {
	color: gray;
	font-family: tahoma; 
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase; 
}
.MyTableText {
	color: gray;
	font-family: arial; 
	font-size: 8pt;
	background-color: white;
}
.myUnderLineImg {
	border: 1px solid white;
}
.myUnderLineImg:hover {
	border-bottom: 1px solid blue;
}
-->
</style>
```

Dags att plugga lite css tror jag.

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

## #4 — nitro2k01, 2005-02-09T09:54Z

... vilket inte gillades av pyttemjuks läsare, så här är en liknande lösning:

```
<style type="text/css"><!--
img {border: none;}
.underlineimg{border: none; padding-bottom: 2px;}
a.underlineimg:hover {border-bottom: 1px solid blue; padding-bottom: 1px;}
--></style>

<a href="sida.html" class="underlineimg"><img src="bild.gif" ></a>
```

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

## #5 — mattiasnordin, 2005-02-09T10:01Z

Vill inte fortfarande... Och ja, jag M$. ;)

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

## #6 — mattiasnordin, 2005-02-09T10:03Z

Förlåt... My bad... Glömde att plocka ut bort border=0 i \<img...\> 

Nu fungerar det.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/122059-underline-vid-mouse-over-funktion