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

atman Nybegynder

16. januar 2003 - 23:34 Der er 17 kommentarer og
1 løsning

Samme linkfarve før og efter besøg?

Nogen tips til hvordan jeg for nogle enkelte links på siden kan have andre linkefarver end det hele siden er sat til og så samtidigt bevare den valgte farve efter link er visited?

Synes godt om

n!nja Nybegynder

16. januar 2003 - 23:38 #1

Det kan du gøre vha af css. Her kan du finde nogle eksempler: http://www.html.dk/tutorials/css/lektion6.asp

Synes godt om

sthen Nybegynder

16. januar 2003 - 23:53 #2

Du kan også angive det i dit body-tag, som f.eks.

<BODY LINK="#FFFFFF" VLINK="#FFFFFF" ALINK="#CCCCCC">

LINK er din "normale" link farve (for links der ikke er besøgt.
VLINK betyder visited links
ALINK betyder ACTIVE LINK

Synes godt om

n!nja Nybegynder

16. januar 2003 - 23:55 #3

Indsæt dette mellem dine <head> tags:

<style>
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:active {
color: #000000;
}
a:hover {
color: #000000;
}
</style>

Synes godt om

atman Nybegynder

16. januar 2003 - 23:57 #4

Tak for link - men jeg mangler stadig at noget, som ikke fremgår. Specifik har jeg brug for koden til at have a:link hvid og a:visited hvid - og koden skal kun være gældende for eneklte links...ikke hel siden.

Synes godt om

atman Nybegynder

17. januar 2003 - 00:00 #5

Prøvede sådan - men det virkede ikke:
<a href="http://www.mitlink.dk"
style="a:link{text-decoration: none; color: #FFFFFF}" style="a:visited{color: #FFFFFF}">Hyperlink</a>

Synes godt om

n!nja Nybegynder

17. januar 2003 - 00:04 #6

Prøver lige at lave et eksempel...

Synes godt om

n!nja Nybegynder

17. januar 2003 - 00:05 #7

<html>
<head>
<title>Link test</title>

<style>
a:link.test {
color: #000000;
}
a:visited.test {
color: #000000;
}
a:active.test {
color: #000000;
}
a:hover.test {
color: #000000;
}
</style>

</head>

<body>

Her er en <a href="#" class="test">test</a>
<br><br>
Her er en <a href="#">test</a> mere

</body>
</html>

Synes godt om

sthen Nybegynder

17. januar 2003 - 00:06 #8

OK så laver du det i css

Skriv flg. i den css-fil
A.wu:link {color:#FFFFFF; text-decoration:overline underline;}
A.wu:visited {color:#FFFFFF; text-decoration:overline underline;}
A.wu:active {color:#FFFFFF; text-decoration:overline underline;}
A.wu:hover {color:#009933; text-decoration:overline underline;}

De links som denne kode skal virke på beskriver du så som f.eks.
<A CLASS="wu" HREF="http://www.din_side.dk">Klik her</A>

Synes godt om

n!nja Nybegynder

17. januar 2003 - 00:06 #9

dvs. du skal bare indsætte class="test" i de links du ikke vil have skal ændre sig :-)

// N!NJA

Synes godt om

atman Nybegynder

17. januar 2003 - 00:17 #10

prøver at forklare mig selv lidt mere, jeg ønsker GENERELT for hele siden:
Link= default (blue)
Visited= default (purple)
Active= red
Hover= default (blue) underline

Og SPECIFIKT for enkelte links på siden:
Link= white
Visited= white
Active= red
Hover= white underline

Synes godt om

n!nja Nybegynder

17. januar 2003 - 00:21 #11

Det gør du sådan her:
----------------------

<html>
<head>
<title>Link test</title>

<style>
a:link.test {
color: #FFFFFF;
text-decoration:none;

}
a:visited.test {
color: #FFFFFF;
text-decoration:none;

}
a:active.test {
color: #FF0000;
text-decoration:none;

}
a:hover.test {
color: #FFFFFF;
text-decoration:underline;

}
</style>

</head>

<body>

Her er en <a href="#" class="test">test</a>
<br><br>
Her er en <a href="#">test</a> mere

</body>
</html>

Synes godt om

n!nja Nybegynder

17. januar 2003 - 00:22 #12

dvs. de almindelige links ser sådan ud:
---------------------------------------
<a href="#">test</a>

Og de andre ser såldan ud:
--------------------------
<a href="#" class="test">test</a>

Synes godt om

atman Nybegynder

17. januar 2003 - 00:24 #13

inden vi nu når en løsning - vil jeg lige sige at jeg opretter et tilsvarende spørgsmål så I begge kan få points - det mangler bare med den fede indsats :-)

Synes godt om

atman Nybegynder

17. januar 2003 - 00:36 #14

n!nja<<< vi er kommet tæt på MEN jeg mangler stadig noget - så paster lige hvad jeg søger igen:
Link= default (blue)
Visited= default (purple)
Active= red
Hover= default (blue) underline

Og SPECIFIKT for enkelte links på siden:
Link= white
Visited= white
Active= red
Hover= white underline

Synes godt om

atman Nybegynder

17. januar 2003 - 00:49 #15

er løsningen allerede givet og jeg er bare for "tykpandet"?

Synes godt om

syvon Nybegynder

17. januar 2003 - 01:01 #16

<html>
<head>
<title>Link test</title>

<style>
.a:link {
color: #FFFFFF;
text-decoration:none;

}
.a:visited {
color: #FFFFFF;
text-decoration:none;

}
.a:active {
color: #FF0000;
text-decoration:none;

}
.a:hover {
color: #FFFFFF;
text-decoration:underline;

}
a:link {
color: blue;
text-decoration:none;

}
a:visited {
color: purple;
text-decoration:none;

}
a:active {
color: red;
text-decoration:none;

}
a:hover {
color: blue;
text-decoration:underline;

}
</style>

</head>

<body BGCOLOR="#C0C0C0">

Her er en <a href="#" class="a">test</a>
<br><br>
Her er en <a href="#">test</a> mere

</body>
</html>

Synes godt om

atman Nybegynder

17. januar 2003 - 01:07 #17

der var den sgu syvon! det virker nu - takker

Synes godt om

syvon Nybegynder

17. januar 2003 - 01:10 #18

det var så lidt

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
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	I går 15:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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