---
title: "underline på bilder?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/140251-underline-på-bilder"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "flumpa"
published: "2006-01-03T22:28:54.000Z"
updated: "2006-01-06T20:30:47.000Z"
replies: 14
views: 884
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/140251-underline-på-bilder"
---

# underline på bilder?

## #1 — flumpa, 2006-01-03T22:28Z

Jag har gjort den här css koden för att få en snygg underline på min text.
Problemet är att den även vill lägga en underline på bilder.

Finns det något bra sätt att ta bort underlinen på bilderna?
Har letat runt här på webforum.nu men kan inte hitta en fungerande lösning.
Finns den någon sådan ?

Tack på förhand

> a {
> 	text-decoration: none;
> 	white-space: nowrap;
> 	background: url(underline1.gif) repeat-x 100% 100%;
> 	padding-bottom: 2px;
> 	}
> 
> a:hover {
> 	background: url(underline2.gif) repeat-x 100% 100%;
> 	}
> 
> p {
> 	font-family: Verdana, Arial, Helvetica, sans-serif;
> 	font-size: 12px;
> 	font-style: normal;
> 	color: #000000;
> }

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

## #2 — Insider, 2006-01-04T10:26Z

Kan du länka till sidan eller visa all kod? Det blir lite enklare... :)

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

## #3 — Melea, 2006-01-04T10:28Z

Antar att bilderna som får en underline är länkar.
Du kan lösa det med 

```
a img { border: none; }
```

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

## #4 — flumpa, 2006-01-04T12:40Z

> a img { border: none; }

 

Nä den koden fungerade inte så bra. 

I internet Explorer så ligger linjen bakom bilden så man ser den när bilden laddas.
I FireFox så ser man linjen under bilden. Desutom så är alla ramarna på sidan olika stora, varför blir dom de?

Länk till websidan.
<http://www.gaspop.com/flumpa/Index.html>

.

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

## #5 — Insider, 2006-01-04T13:14Z

Eftersom bilderna ligger i en länk så får dom ju samma egenskaper. Du måste på något sätt separera de länkar som ska ha bakgrundsbild från de övriga. Med en klass eller på något annat sätt.

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

## #6 — flumpa, 2006-01-04T13:19Z

hur gör man något sånt?

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

## #7 — Insider, 2006-01-04T13:23Z

```
.normallink {background: url();}
<a href="#" class="normallink"></a>
```

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

## #8 — nidron, 2006-01-04T13:29Z

Att a img {border: none;} inte fungerar beror väl på att det är background: url(underline1.gif) repeat-x 100% 100%; du använder som "border".

Testa:
a img {
background:none;
}
a:hover img {
background:none;
}

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

## #9 — Insider, 2006-01-04T13:51Z

> **nidron skrev:**
>
> Att a img {border: none;} inte fungerar beror väl på att det är background: url(underline1.gif) repeat-x 100% 100%; du använder som "border".
> 
> Testa:
> a img {
> background:none;
> }
> a:hover img {
> background:none;
> }

Den där koden förändrar ju ingenting eftersom det inte var nån bakgrundsbild i IMG-elementet från början heller.
Bakgrundsbilden ligger ju kvar i \<A\>.

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

## #10 — nidron, 2006-01-04T14:36Z

You're right, tänkte galet =o)

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

## #11 — flumpa, 2006-01-04T16:53Z

Vad gör jag för fel när det här inte fungerar?

> \<style type="text/css"\>
> .normallink {background: url();}
> \</style\>

 

också länken så här:

> \<td bgcolor="#E5E5E5"\>\<div align="center"\>\<a href="lowpoly.php?pic=Libary2.jpg" class="normallink"\>\<img src="Pic/Lowpoly/Libary1.jpg" width="108" height="108" border="0"\>\</a\>\</div\>\</td\>

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

## #12 — Insider, 2006-01-04T20:19Z

Du missförstod mig. Du skulle applicera klassen på de länkar som inte innehåller bilder. Sen måste du ange sökvägen till bakgrundsbilden, som jag lämnade tomt i mitt exempel. :)

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

## #13 — flumpa, 2006-01-04T20:36Z

Aja då är jag med.. Ska prova det i morgon..

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

## #14 — flumpa, 2006-01-06T18:53Z

Det fungerade nästan när jag gjorde så här:

> .normallink {
> 	background: url(underline2.gif) repeat-x 100% 100%;
> 	}

 

Men jag är ute efter att den ska ha en (a:hover) och inte få en (a).
Går det att få en (a:hover) på något sätt? Eller är jag på djupt vatten?

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

## #15 — flumpa, 2006-01-06T20:30Z

Ville bara säga att jag kom på hur man gjorde

> a:link.textlank {
> 	text-decoration: none;
> 	white-space: nowrap;
> 	background: url(underline1.gif) repeat-x 100% 100%;
> 	padding-bottom: 2px;
> 	}
> 
> a:hover.textlank {
> 	background: url(underline2.gif) repeat-x 100% 100%;
> 	}

 

Och länkade med class="textlank" 

Tack för all hjälp

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/140251-underline-på-bilder