Avatar billede mulemule Nybegynder
11. januar 2007 - 00:12 Der er 6 kommentarer og
3 løsninger

hvorfor kan jeg ikke få style A:visited til at virke

Hvorfor virker A:visited egentlig ikke i nedenståede kode ?

<HTML>
<HEAD>
<TITLE>Test</TITLE>
<STYLE type="text/css">
A:active
{FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0d0078;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none}
A:link
{FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #006f78;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none}
A:visited {           
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0d6f78;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none}
A:hover {           
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #139eab;FONT-FAMILY: Arial,Verdana}</STYLE></HEAD>
<BODY>
<A target="_self" href="side1.htm">side1.htm</A>
<br><A target="_self" href="side2.htm">side2.htm</A>
<br><A target="_self" href="side3.htm">side3.htm</A>
<BR>
<h1> Side 1 </h1>
</BODY>
</HTML>
Avatar billede goose Nybegynder
11. januar 2007 - 10:47 #1
Prøv med denne:

<STYLE type="text/css">
A{FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #006f78;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none;}
A:link
{FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #006f78;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none;}
A:visited {           
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0d6f78;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none;}
A:active
{FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0d0078;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none;}
A:hover {           
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #139eab;FONT-FAMILY: Arial,Verdana;
</STYLE>

/Goose
Avatar billede goose Nybegynder
11. januar 2007 - 10:48 #2
Hov, der smuttede lige noget:

<STYLE type="text/css">
A{FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #006f78;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none;}
A:link
{FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #006f78;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none;}
A:visited {           
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0d6f78;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none;}
A:active
{FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0d0078;FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none;}
A:hover {           
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #139eab;FONT-FAMILY: Arial,Verdana;}
</STYLE>

/Goose
Avatar billede sw_red_6 Nybegynder
11. januar 2007 - 10:51 #3
husk det skal være med små bogstaver. Det virker nok alligevel, men det er ikke valid kode... ;o)
Avatar billede mclemens Nybegynder
11. januar 2007 - 12:09 #4
Måske skulle man prøve at rette color i visited
fra: color: #0d6f78; over til color: #fd6f78;

... Den oprindelige virkede også ok med farveskiftet
ved min test - når jeg rettede farve defineringen.
Avatar billede mclemens Nybegynder
11. januar 2007 - 12:13 #5
Rækkefølgen bør vist være :link , :visited , :hover og :active
iflg. http://www.w3schools.com/css/css_pseudo_classes.asp
Avatar billede mclemens Nybegynder
11. januar 2007 - 12:15 #6
Hvis du tester i Firefox så husk at sørge
for at browseren gemmer oplysninger om hvilke
sider du tidligere har besøgt ved at trykke:
funktioner - indstillinger - privatliv og afkrydse
husk sider jeg har besøgt de sidste x antal dage
Avatar billede mclemens Nybegynder
11. januar 2007 - 12:23 #7
Kaster lige et svar hvis det hjælper...
Avatar billede mclemens Nybegynder
11. januar 2007 - 12:30 #8
Pas foresten på med pt ... px er nemmere at håndtere ...
Et forkortet eksempel kan være:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title><meta name="robots" content="index, follow">

<style type="text/css">
a {text-decoration:none;font: bold 11px arial, verdana, sans-serif; color: #006f78;}
a:visited {color:#fd6f78;}
a:hover {color:#139eab;}
a:active {#006f78;}
</style>

</head><body>

<h1> Side 1 </h1>
<a href="side1.htm">side1.htm</a><br>
<a href="side2.htm">side2.htm</a><br>
<a href="side3.htm">side3.htm</a><br>

</body></html>
Avatar billede mclemens Nybegynder
11. januar 2007 - 12:31 #9
Ups ... glemte color: i :active ...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title><meta name="robots" content="index, follow">

<style type="text/css">
a {text-decoration:none;font: bold 11px arial, verdana, sans-serif; color: #006f78;}
a:visited {color:#fd6f78;}
a:hover {color:#139eab;}
a:active {color:#006f78;}
</style>

</head><body>

<h1> Side 1 </h1>
<a href="side1.htm">side1.htm</a><br>
<a href="side2.htm">side2.htm</a><br>
<a href="side3.htm">side3.htm</a><br>

</body></html>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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