Avatar billede htmlkongen Novice
12. juni 2005 - 19:25 Der er 8 kommentarer og
1 løsning

Hover ved besøgte link

Jeg har lavet en hover som virker fint nok når linket er besøgt, men hvad skal jeg skrive i min CSS fil når jeg godt vil have Hover på links som er besøgte? Der er nemlig ingen effekt nu...
Avatar billede apo Praktikant
12. juni 2005 - 19:34 #1
Forkert kategori (Du skulle have oprettet spørgsmålet under (D)HTML > CSS) ;-)

Prøv evt. at læse følgende: http://www.html.dk/tutorials/css/lektion6.asp

Apo
Avatar billede apo Praktikant
12. juni 2005 - 19:36 #2
Jeg har selv noget lignende nedenstående i mit stylesheet:

A.link1 {
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: red;
}
A.link1:visited {
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: red;
}
A.link1:hover {
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: blue;
}
A.link1:active {
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: black;
}

Du kan evt. tilpasse det til eget brug :-)

Apo
Avatar billede htmlkongen Novice
12. juni 2005 - 20:58 #3
Kanon. Tak. Smid et svar :)
Avatar billede apo Praktikant
12. juni 2005 - 22:15 #4
Svar :-)

Apo
Avatar billede htmlkongen Novice
13. juni 2005 - 15:05 #5
Tænkte på. Det virker ikke når man har besøgt linket. Så kan den ikke hoove... Hvad gør jeg galt?
Avatar billede apo Praktikant
13. juni 2005 - 18:37 #6
Kalder du linket via: <a href="#" class="link1">MitLink</a>

?
Avatar billede roenving Novice
14. juni 2005 - 15:32 #7
-- og har du benyttet dig af præcis den rækkefølge opa har vist, for der findes præcis een rækkefølge, som er rigtig:

a{}/*Alle a-tags*/
a:link{}/*a-tags med href*/
a:visited{}/*a-tags med href, som er besøgt fornylig*/
a:hover{}/*a-tags med href, som har musen over*/
a:active{}/*a-tags med href, som museknappen er trykket ned på*/

-- hvis du f.eks. har :visited stående efter :hover vil de properties, som findes i visited overskrive dem, som findes i :hover !-)
Avatar billede apo Praktikant
14. juni 2005 - 18:41 #8
"opa" ?? *LOL*

Apo ;-)
Avatar billede apo Praktikant
14. juni 2005 - 19:28 #9
... Og tak for points BTW :-)
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
Kurser inden for grundlæggende programmering

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