EchoEcho.Com
KOMPLETT KURS

HEM KURSER HTML LÄNKAR     
EchoEcho.Com
REDSKAP & RESURSER
 HEM 
 
 KURSER 
 
 RESURSER 
 
 REDSKAP 
 
 DOKUMENTATIONER 
 
 ÖVERSIKT 
  
SÖK PÅ SIDAN

Tala om för en vän
REKOMENDERA SIDAN    

HTML LÄNKAR

INTRODUKTION


EN ENKEL LÄNK


LÄNKFÄRGER


DESTINATION


EJ UNDERSTRUKEN


AVANC LÄNKAR


BILD-LÄNKAR


IMAGE MAPPING


INOM SIDAN


I FRAMESET


TILL NYTT FÖNSTER

HTML Länkar :
AVANCERADE LÄNKAR

Istället för att bara ta bort understrykningarna på alla länkar bör du specificera mer hur du vill att dina länkar skall fungera.

I exemplet nedanför är alla understrykningarna borttagna på länkarna.

A:hover talar om för webläsaren att när muspekaren är på länken så framträder understrykningen.
Hover fungerar bara med MSIE 4+.
(Men det orsakar inget fel med Netscape om du lägger till det - effekten syns bara inte).

<html>

<head>
<title>Det här är min hemsida</title>
<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
-->
</style>


</head>

<body>
Välkommen till min värld!<br>
<a href="http://www.yahoo.se>Den här länken till Yahoo är inte understruken</a>
</body>

</html>


Metoderna som beskrivs ovanför tar bort understrykningseffekten på alla länkar på hela sidan.

Om du vill ta bort effekten på bara en enda länk, lägg till en style egenskap till <a href> taggen:

<a href="http://www.yahoo.se" style="text-decoration: none">Gå till Yahoo</a>


NOTERA:
Metoden ovanför fungerar bara med MSIE 3, Netscape 4 eller nyare webläsare.


Du kan göra många olika style-egenskaper istället för att bara ta bort understrykningen. Varför inte definiera de färger du vill ha för dina besökta länkar?

Det här exemplet visar dig hur:
<html>

<head>
<title>Det här är min hemsida</title>

<STYLE TYPE="text/css"><!--
A.set1:link {color: #FF00FF; }
A.set1:active {color: #FFFF00; }
A.set1:visited {color: #00FFFF; }

A.set2:link {color: #AA00FF; background: FF00AA; text-decoration: none}
A.set2:active {color: #FF00AA; background: none transparent;}
A.set2:visited {color: #FFFF00; text-decoration: none}
--></STYLE>

</head>

<body>
Välkommen till min värld!<br>
<a href="http://www.yahoo.se CLASS=set1> Yahoo </a>
<a href="http://www.hotbot.com CLASS=set2> Hotbot </a>
</body>

</html>



Försök att klicka på de båda länkarna för att se hur effekterna fungerar. (länkarna är inte aktiverade på denna sida)


Yahoo

Hotbot






<< FÖREGÅENDE
LÄS MER >>

HTML KURS

GRUNDKURS


TEXT


LISTOR


BILDER/GRAFIK


LÄNKAR


BAKGRUNDER


TABELLER


FRAMES


FORMULÄR


META-TAGGAR


HEX FÄRGER




Click Here!





EchoEcho.Com
KOMPLETT KURS
 HEM 
 
 KURSER 
 
 RESURSER 
 
 REDSKAP 
 
 DOKUMENTATIONER 
 
 ÖVERSIKT 
EchoEcho.Com
REDSKAP & RESURSER

(c) Copyright 1998-2000 NetKontoret - All Rights Reserved