---
title: "Hjälp med länk styling - css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/160877-hjälp-med-länk-styling-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Lindström"
published: "2007-05-28T22:15:15.000Z"
updated: "2007-05-29T12:09:37.000Z"
replies: 6
views: 522
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/160877-hjälp-med-länk-styling-css"
---

# Hjälp med länk styling - css

## #1 — Lindström, 2007-05-28T22:15Z

Då mina kunskaper inom css inte är dom bästa, så skulle jag behöva ha lite distanns från någon som vet vad han eller hon pratar om.

Saken är den att jag är ute efter en "om styling" av den vanliga blåa (a - se bild ) ( eller vad man nu har valt för färg på den ) länk till att få den till att bli "dottrad" ( b - se bild ) eller hur jag ska säga. \*"dottrad" förresten gratis Jörgen... :OO

På ren svenska så är jag ute efter att få länkarna att få en "prickig" understyckning istället för den vanliga understyckningen.\*fick jag till det här nu tro ?  :l 

Hoppas att det är någon som förstår något av min inte allt för begripliga beskrivning.

EDIT:
Jo, jag skulle kanske säga att länkfärgen ska vara "svart" och att själva "dottarna" hela tiden ska synas där det är en länk. Som på bilden. 

Så det är inget måste att det lär vara någon form av "hover" på länkarna. Utan jag är ute rätt och slätt efter en fast "styling" med css där länkarna är "dottad" rätt och slätt.

Bilagor:

- [links_css.jpg](https://www.webforum.nu/a/14801.jpg)

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

## #2 — tanten, 2007-05-29T04:17Z

```
a:link{
	border-bottom-style: dotted;
	border-bottom-color: #000;
```

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

## #3 — Danne V, 2007-05-29T04:38Z

> **tanten skrev:**
>
> ```
> a:link{
> 	border-bottom-style: dotted;
> 	border-bottom-color: #000;
> ```

Lägg till:

```
text-decoration:none;
```

också, annars blir det både prickar och linjer, och kanske ge en bredd på prickarna:

```
border-bottom:1px dotted #000;
```

så att dom inte blir för feta.

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

## #4 — annaica, 2007-05-29T09:46Z

och för att texten skall bli svart får du lägga till

```
color: #000;
```

annars blir texten blå.

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

## #5 — silfver, 2007-05-29T09:49Z

```
a:link {text-decoration: none; border-bottom: 1px dotted #000; color: #000;}
a:hover {border-bottom: 1px solid #000;} //kanske?
```

 :p

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

## #6 — Lindström, 2007-05-29T10:50Z

Många bud. 
Men tack så jätte mycket. Ska checka det hela när jag kommer hem.
Åter, tack och bock. :)

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

## #7 — Danne V, 2007-05-29T12:09Z

Hehe... om vi ska krångla till det ytterligare:

Vi har ju visat förslag på a:link (och a:hover). Det innebär att a:visited och a:active är oformaterade. Jag brukar ibland skita i a:visited och bara göra två stilar. Om du är lika lat som jag så skulle det i så fall bli:

```
a { color:#000; border-bottom:1px dotted #000; text-decoration:none;}
a:hover {color:#777; border-bottom:1px dotted #777; text-decoration:none}
```

Typ....

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/160877-hjälp-med-länk-styling-css