---
title: "CSS. Länkar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/85541-css-länkar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "bymarie"
published: "2003-09-08T15:12:57.000Z"
updated: "2003-09-08T18:48:12.000Z"
replies: 13
views: 244
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/85541-css-länkar"
---

# CSS. Länkar

## #1 — bymarie, 2003-09-08T15:12Z

När man för musen över länkar så kan man ju välja olika "text-decoration".
Kan man göra så att det blir en "ruta" runt länken istället för bara en under/overline?

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

## #2 — Palle, 2003-09-08T15:19Z

```
[red]a:hover { border: 1px solid #000; }[/red]
```

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

## #3 — bymarie, 2003-09-08T15:22Z

Tack!

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

## #4 — bymarie, 2003-09-08T16:51Z

En annan liknande fråga.
När man för musen över en länk så går det ju att få en underline, men hur får man den i en annan färg än vad länken är i?

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

## #5 — Palle, 2003-09-08T17:13Z

ex. 

```
[red]a:hover {
	color: red;
	text-decoration: none;
	font-size: 10px;
	border-bottom: 1px solid #000;
}[/red]
```

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

## #6 — bymarie, 2003-09-08T17:16Z

Hmm.. det händer ingenting.

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

## #7 — Palle, 2003-09-08T17:33Z

Du måste ha med dom attributen som jag skrev här ovan,
*text-decoration* och *font-size*, annars fungerar det inte.

mer ex. 

```
[red]a:link, a:visited { 
	color: blue;
	text-decoration: none;
	font-size: 10px;
}

a:hover {
	color: red;
	font-size: 10px;
	border-bottom: 1px solid #000;
}[/red]
```

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

## #8 — bymarie, 2003-09-08T17:38Z

Har med alla attribut. Men det är bara länken som byter färg. Det kommer inget under.

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

## #9 — Web-Tor, 2003-09-08T17:45Z

Funkar inte [den här sidan](http://member.webforum.nu/1123/bymarie.html)?

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

## #10 — bymarie, 2003-09-08T17:52Z

Jo, det funkade för mig. Ett tag.
Varför funkar det inte när länken ligger i en \<div\>?

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

## #11 — Web-Tor, 2003-09-08T17:55Z

Det är med all säkerhet så att du ha något som "stör" \<a\>-taggen.

[Nu ligger \<a\>-taggen i en \<div\> och det funkar fint](http://member.webforum.nu/1123/bymarie.html).

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

## #12 — bymarie, 2003-09-08T18:04Z

Det här är sjukt, men det funkar faktiskt inte..
Kan visa koden:

Style.css

```
body { font-size: 9px; background-color: #666666; cursor:url("hand.cur"); font-family: small fonts,tahoma,verdana; } 
a:hover { font-size: 9px; border-bottom: 1px solid black; color: #cccccc; }
a:link { font-size: 9px; color: #999999; text-decoration: none; }
a:visited { font-size: 9px; color: #999999; text-decoration: none; }
font.besokt { font-size: 9px; color: red; text-decoration: none; }
#test { left: 321px; width: 300px; position: absolute; top: 564px; }
```

Kod i index.php

```
<body>
<div id="test"><font class="besokt">START</font>&nbsp;&nbsp;&nbsp;&nbsp;<a href="aas.com">PERSONLIGT</a>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="aas.com">DAGBOKEN</a>
</div>
</body>
```

Tar jag bort #test i style.css så funkar det. Men då hamnar ju inte texten där den ska..

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

## #13 — Palle, 2003-09-08T18:43Z

Beror som sagt på att div´en stör \<a-taggen.
Lägg *padding-bottom: 1px;* på #test så kommer det säkerligen funka.

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

## #14 — bymarie, 2003-09-08T18:48Z

Det funkar! Tack! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/85541-css-länkar
