---
title: "Få bort understrykningen på länktext"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/191841-få-bort-understrykningen-på-länktext"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "kluringen"
published: "2013-11-06T07:09:36.000Z"
updated: "2013-11-06T11:36:49.000Z"
replies: 6
views: 1432
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/191841-få-bort-understrykningen-på-länktext"
---

# Få bort understrykningen på länktext

## #1 — kluringen, 2013-11-06T07:09Z

CSS:

```
.storrod {font-size: 325%; color: red;}
```

Länktext:

```
<span class="storrod"><b>text</b></span>
```

Har testat lägga till "border: 0" och/eller "text-decoration: none;" i min CSS men har fortfarande en tjock blå linje under min länktext. Hur får jag bort linjen?

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

## #2 — voigtann1, 2013-11-06T07:14Z

ser ingen länk i ditt exempel men det är ditt a-element som ger understruktningen förmodligen

```
<a href="" class="storrod"><b>text</b></a>
```

så kan du sätta text-decoration: none på .storrod

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

## #3 — kluringen, 2013-11-06T07:53Z

Funkar inte. Så här ser länken ut:

```
<a href="tel:+46720362115"><span class="storrod"><b>072-036 21 15</b></span></a>
```

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

## #4 — voigtann1, 2013-11-06T08:08Z

du måste sätta något på ditt a-element för att den skall vara annolunda än vad dina andra a-element är:

```
<a href="tel:+46720362115" class="link-plain"><span class="storrod"><b>072-036 21 15</b></span></a>
```

och ha CSS:

```
a.link-plain { text-decoration: none; }
```

 om inte detta fungera så har du förmodligen en CSS regel som väger mer än a.link-plain (och då behöver du posta mer html/css för att få bättre hjälp).

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

## #5 — kluringen, 2013-11-06T10:26Z

Det är en simpel sida som jag har gjort åt min bror. Detta är allt jag har:

```
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">

<link rel="stylesheet" href="tjstilmall.css" type="text/css" />
<style type="text/css">
</style>

<title>Index</title>
</head>
<body>

<div id="kantruta">
<img src="bilder/logga.jpg" alt="bild" title="TJ bilbärgning"><p>
<a  href="tel:+46720362115" class="link-plain"><span class="storrod"><b>072-036 21 15</b></span></a> 
</div>  

<div id="storruta"> 
<img src="bilder/vagn.jpg" alt="bild"><p>&nbsp;<p>
<span class="bargning"><b>BILBÄRGNING och JOURVERKSTAD dygnet runt veckans alla dagar</b></span>
</div>

</body>
</html>
```

```
body {font-family: Arial; font-size: 16px; margin-top: 0px; padding: 0px;} 

#kantruta {width: 340px; background: #ffffff; overflow: auto; position:fixed;}
#storruta {margin-left: 350px; margin-top: 0px; width: 740px; background: #ffffff; padding: 20px; z-index: 2;}

.bargning {font-size: 220%; color: red;}
.storrod {font-size: 325%; color: red;}
a.link-plain  a{ text-decoration: none;}
```

Så här ser sidan ut. Telefonnumret är det enda som är viktigt om någon sitter strandsatt med sin smartphone vid vägkanten.
<http://www.tjbilbargning.se/>

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

## #6 — voigtann1, 2013-11-06T10:30Z

```
a.link-plain  a{ text-decoration: none;}
```

 skall det inte vara du säger att a element inne i e a.link-plan element skall ha reglen

```
a.link-plain { text-decoration: none;}
```

är nog det du är ute efter

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

## #7 — kluringen, 2013-11-06T11:36Z

Du är min idol, jag älskar dig!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/191841-få-bort-understrykningen-på-länktext
