---
title: "inga länkar underline förutom en"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/158387-inga-länkar-underline-förutom-en"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Yoda"
published: "2007-03-19T22:39:07.000Z"
updated: "2007-03-25T15:08:31.000Z"
replies: 11
views: 897
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/158387-inga-länkar-underline-förutom-en"
---

# inga länkar underline förutom en

## #1 — Yoda, 2007-03-19T22:39Z

Jag vill att a:link{color: #000000; text-decoration: none;} ska gälla för samtliga länkar utom på vissa få bestämda ställen där jag vill att länkarna ska vara understrukna. 

Hur skriver jag det?

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

## #2 — nitro2k01, 2007-03-19T22:55Z

```
<style type="text/css">
a:link{color: #000000; text-decoration: none;}
a.speciallink{text-decoration: underline;}
</style>

<a href="url">Vanlig</a><br />
<a href="url">Vanlig</a><br />
<a class="speciallink" href="url">Understruken</a><br />
<a href="url">Vanlig</a><br />
```

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

## #3 — Yoda, 2007-03-20T19:33Z

Fungerar inte. Nu har jag skrivit så här:

```
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}
a.speciallink{text-decoration: underline;}

<td><a class="speciallink" href="#">11</a></td>
```

Fler förslag?

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

## #4 — headbug, 2007-03-20T19:45Z

Hmm, ska kolla lite

/red: Jag får både nitros och ditt att fungera, vad menar du med att det inte fungerar?

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}
a.speciallink{text-decoration: underline;}
</style>
</head>

<body>

<table>
<tr><td><a href="#">Utan</a></td></tr>
<tr><td><a class="speciallink" href="#">Med</a></td></tr>
<tr><td><a href="#">Utan igen</a></td></tr>
</table>
</body>
</html>
```

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

## #5 — Danne V, 2007-03-20T19:59Z

Yoda,

Kan du länka till sidan så att folk kan se den i skarpt läge med rätta stilmallar osv?

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

## #6 — Yoda, 2007-03-23T21:11Z

<https://www.dudu.se>

Det är söndagen den 11 som ska vara understruken.

Har testat ditt exempel ovan och det fungerar inte heller hos mig...Kan det vara Explorer 6.0 som är anledningen?

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

## #7 — Danne V, 2007-03-23T21:33Z

Den är understruken hos mig:
Mac OS X, Camino
Testa att lägga ett mellanslag i stilmallen:
a.speciallink
till
a .speciallink

eller, om du bara kommer att ha en enda sån länk på varje sida, gör ett ID istället för class:
\<a id="speciallink" href="#"\>11\</a\>
och i stilmallen:
a #speciallink{text-decoration: underline;}

eller stilsätt cellen:
\<td id="speciallink"\>\<a href="#"\>11\</a\>\</td\>
och i mallen:
\#speciallink a {text-decoration: underline;}
eller nåt sånt....

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

## #8 — Yoda, 2007-03-23T21:33Z

css

Så här ser min css ut.

```
body 
{
	margin: 0; 
	padding: 0; 
	text-align: center; 
	background-color: #CFE4CD; 
	font-family: Verdana; 
	font-size: 11px; 
}

#centrering 
{
	width: 720px; 
	background-color: #A2CD9E; 
	text-align: left; 
	border: 1px solid #000000; 
	margin-top: 15px;
	margin-bottom: 15px;
}

#sidhuvud 
{
	width: 720px;
}

#meny 
{
	float: left; 
	width: 98px; 
	padding: 10px; 
	border-top: 1px solid #000000;
}

#text 
{
	float: left; 
	width: 380px; 
	background-color: #FFFFFF; 
	padding: 10px; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000;  
	border-top: 1px solid #000000;
}

#hoger 
{
	float: left; 
	width: 180px; 
	padding: 10px; 
	border-top: 1px solid #000000;
}

a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}
a.speciallink{text-decoration: underline;}

img {border: 1px solid #000000;}
#imgspec{border: 0px;}
```

Märker också att min margin-bottom: 15px; i #centrering inte heller fungerar...

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

## #9 — Yoda, 2007-03-23T21:43Z

Inte visste jag att det fanns så många olika varianter att skriva det på.   :) 

Ingen av dem fungerar i Explorer tyvärr. Fast jag har testat lite snabbt nu bara, kan ha gjort fel. Ska testa mer i morgon.

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

## #10 — colione, 2007-03-23T22:26Z

Om du sätter tillbaka den som class istället för id kan du göra såhär:

```
td a.speciallink {text-decoration: underline;}
```

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

## #11 — tanten, 2007-03-24T06:52Z

Som jag ser i IE6 och FF så kan du göra på följande sätt

```
<td class="speciallink"><a href="#">11</a></td>
eller
<td><a class="speciallink" href="#">11</a></td>
css: .speciallink {text-decoration: underline;}
```

Går också göra samma sak med 

```
<td id="speciallink"><a href="#">11</a></td>
eller
<td><a id="speciallink" href="#">11</a></td>
css: #speciallink {text-decoration: underline;}
```

men då bör du bara använda det en gång på sidan.

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

## #12 — tanten, 2007-03-25T15:08Z

Jag ser nu att du har lite andra fel som gör att man inte kan validera din css. Och kan få IE att tolka sidan fel.
\<link href="style_grodan.css" rel="stylesheet" type="text/css"\>ska ha /\>-slut
Samma sak med dina img-taggar.
Sedan har du en väldigt konstig img-tagg
\<img src="images\\IMG_7150"\> Konstigt att IE visar den.  ;) 
ska vara \<img src="images/IMG_7150.jpg" alt="någonting" /\>
Ändra det och validera sidan och css efter det. Din underline fungerar i FF nu, men inte i IE. Det ska den göra.  :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/158387-inga-länkar-underline-förutom-en
