---
title: "Css/klickbara länkar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/79001-css-klickbara-länkar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Angel"
published: "2003-06-06T06:23:08.000Z"
updated: "2003-06-06T08:55:05.000Z"
replies: 4
views: 340
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/79001-css-klickbara-länkar"
---

# Css/klickbara länkar

## #1 — Angel, 2003-06-06T06:23Z

Någon som ser något fel här... 
Problemet är det här med länkarna... vissa länkar blir undersrukna, vissa länkar blir understrukna & ljusare blå, vissa länkar understrukna & samma blå, & vissa länkar blir ingenting, bara samma blå som övrig text.... 

Hur ska jag ha det för att det ska se snyggt & enhetligt ut med alla klickbara länkar??? Gärna förslag :-)

Min sida: <http://w1.704.telia.com/~u70409935/> 

\<style type="text/css"\>{ }
BODY {
font-family: verdana; 
font-size:8 pt;
color:#000099;
background-color: transparent;
}--\>

A:link{COLOR: #000099; TEXT-DECORATION: none; cursor:crosshair} 
A:visited{COLOR: #000099; TEXT-DECORATION: none;} 
A:hover{COLOR: #000099; text-decoration: underline overline; height:2; filter:blur; cursor:e-resize}
A:active{COLOR: #000099; TEXT-DECORATION: none;} 

\<!--BODY {
scrollbar-face-color: #6E8CD4;
scrollbar-highlight-color: #6E8CD4;
scrollbar-3dlight-color: #6E8CD4;
scrollbar-darkshadow-color: #6E8CD4;
scrollbar-shadow-color:#6E8CD4;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #6E8CD4;
}--\>
iframe{
border: 1px dashed #88678A;

\<\<

Kram!

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

## #2 — mikkeX, 2003-06-06T07:21Z

**Välkommen till webforum!**

Problemet är att din stilmall inte riktikt är konsekvent, pröva att göra så här:

```
<style type="text/css">
body { 
font-family: verdana; 
font-size:8pt; 
color:#000099; 
background-color: transparent; 
scrollbar-face-color: #6e8cd4; 
scrollbar-highlight-color: #6e8cd4; 
scrollbar-3dlight-color: #6e8cd4; 
scrollbar-darkshadow-color: #6e8cd4; 
scrollbar-shadow-color:#6e8cd4; 
scrollbar-arrow-color: #000099; 
scrollbar-track-color: #6e8cd4; 
}

a:link{
color: #000099; text-decoration: none; cursor:crosshair
} 
a:visited{
color: #000099; text-decoration: none;
} 
a:hover{
color: #000099; text-decoration: underline overline; height:2pt; filter:blur; cursor:e-resize
} 
a:active{
color: #000099; text-decoration: none;
} 

iframe{ 
border: 1px dashed #88678a; 
}
```

Det är viktigt att psuedoklasserna för länkar kommer i en bestämd ordning (link, visited, hover, active - lvha), se
<http://www.meyerweb.com/eric/css/link-specificity.html>

Egenskaperna för scrollisten och filter: blur är Internet Explorer specifika och fungerar inte i andra webbläsare.

Du bör inte ange textstorlekar i punkter (pt) utan istället använda dig av pixlar (px). Punkter är för utskrifter och pixlar för skärmvisning.

Såg också att du skrivit isär storleken på ett par ställen, 8 pt ska vara 8pt.

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

## #3 — Angel, 2003-06-06T08:09Z

Det funkade nästan....

Titta in på sidan hur det blev när jag gjorde som ovan...

Sidorna som ska vara transparenta så layouten syns, blev vita & så blev det en streckad kant runt, meeeen länkarna blev enhetliga :-)

HUUUUR ska jag göra nu då för att fixa till det här?
Text-färgen blev svart oxå & jag vill ha den i färg #000099 & så vill jag att layouten ska synas på delsidorna?

<http://w1.704.telia.com/~u70409935/>

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

## #4 — mikkeX, 2003-06-06T08:39Z

I din externa stilmall har du lagt in 

```
<style type="text/css">
```

ta bor det det.

Och eftersom du har länkat in stilmallen så har du ingen nytta av att ha kvar stilmallen i dokumentet, så ta bort:

```
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #92A7E8;
scrollbar-highlight-color: #92A7E8;
scrollbar-3dlight-color: #92A7E8;
scrollbar-darkshadow-color: #92A7E8;
scrollbar-shadow-color:#92A7E8;
scrollbar-arrow-color: #92A7E8;
scrollbar-track-color: #92A7E8;
}
-->
</STYLE>
<style type="text/css">
A:link{COLOR: #000099; TEXT-DECORATION: none; cursor:crosshair} 
A:visited{COLOR: #000099; TEXT-DECORATION: none;} 
A:active{COLOR: #000099; TEXT-DECORATION: none;} 
A:hover{COLOR: #000099; { text-decoration: underline overline}; height:2; filter:blur; cursor:e-resize}
-->

{  }
</style>
```

Från dina sidor.

Sedan är html-koden på dina sidor felaktig, om du vailderar koden så ser du att det finns en hel del fel:
<http://validator.w3.org/check?uri=http%3A%2F%2Fw1.704.telia.com%2F%7Eu70409935%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional>

Vad du bland annat har fått fel är att iframe-taggarna ligger inom head - dessa ska ligga inom body.

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

## #5 — Angel, 2003-06-06T08:55Z

Aha!

Jag tog bort \<style type="text/css"\>
& genast så blev det lite bättre  :) 

Hur får jag bort den streckade kanten?
Funderar på vad du menar med det övriga i ditt inlägg?

Jag är ju inte så super-duper på det här med hemsidor, än så länge :)

Hoppas att du vill svara igen!

Kram!
\~Angel

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

---

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