CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Wezio Juniormester

19. september 2008 - 20:33 Der er 4 kommentarer og
2 løsninger

Hyperlink skifter farve

Jeg har lige et hurtigt spørgsmål...

Hvordan er det nu, jeg gør sådan, at mine hyperlinks skifter farve når jeg holder musen henover dem? :-)

På forhånd tak...

Synes godt om

htmlkoder_dk Nybegynder

19. september 2008 - 20:39 #1

a:hover {
color: #000000;
}

Synes godt om

Wezio Juniormester

19. september 2008 - 20:41 #2

Hvor skal den kode være henne på siden? :-)

Synes godt om

Slater Ekspert

19. september 2008 - 20:46 #3

Enten i en ekstern .css-fil, eller i en style-sektion i dokumentet.

F.eks. sådan:

<html>
<head>
<title>Et eller andet...</title>
<style type="text/css">

a:hover {
color: #000000;
}

<style>
</head>
<body>

Indhold

</body>
</html>

... og så skal #000000 naturligvis skiftes til den farve links skal have, når du holder musen over dem.

Synes godt om

Wezio Juniormester

19. september 2008 - 20:52 #4

Yup, så kører det.. jeg siger mange tak. Smider I begge svar?? ;)

Synes godt om

cebra Nybegynder

19. september 2008 - 21:36 #5

Der findes fire tilstande for et link, som du kan styrre med følgende:
a:link {} /* ubesøgt link */
a:visited {} /* besøgt link */
a:hover {} /* mus over link */
a:active {} /* aktiv link */

Hvert link kan bl.a. indeholde følgende:
a:link {
color:yellow;
background:transparent;
text-decoration:none;
}

Hvis du vil have forskellige link kan du tilknytte dem en klasse eller id:
.bodytext {
font-family : arial, verdana, sans-serif;
font-size : 15px;
}
.bodytext a:link {color:blue;}

Inden i klassen bodytext vil linket så blive blåt.

F.eks.:
<html>
<head>
<style type="text/css">
a:link {color:red;}
.bodytext {
font-family : arial, verdana, sans-serif;
font-size : 15px;
}
.bodytext a:link {color:blue;}
</style>
</head>
<body>
<div> <a href=""> Rødt link </a></div>
<div class=bodytext><a href=""> Blåt link </a></div>

</body>
</html>

Synes godt om

Slater Ekspert

20. september 2008 - 09:05 #6

Ingen point til mig, tak. Jeg sagde bare hvad htmlcoder_dk ville have sagt, hvis han havde været her :)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	3	29/09/202410:58	20/03/202513:38

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS