Avatar billede no_name Nybegynder
13. juli 2005 - 20:29 Der er 15 kommentarer og
2 løsninger

Understregning af link når der peges på det

Hvordan laves ovenstående?
Avatar billede nielle Nybegynder
13. juli 2005 - 20:35 #1
<style>
a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
</style>
Avatar billede tweak Nybegynder
13. juli 2005 - 20:43 #3
<html>
<head>
<style>

a.link1 {
    color:#fff;
    text-decoration:none;
}
a:visited.link1 {
    color: green;
    text-decoration:none;
}
a:hover.link1 {
    color:green;
    text-decoration:underline;
}

</style>

</head>

<body><a href="http://www.eksperten.dk" class="link1">Link</a>
</body>
Avatar billede no_name Nybegynder
13. juli 2005 - 20:53 #4
Jeg har andre link i samme dokument, der ikke skal være understreget. Hvor skal jeg så sætte det ind?
Avatar billede tweak Nybegynder
13. juli 2005 - 20:57 #5
<html>
<head>
<style>

a.link1 {
    color:#fff;
    text-decoration:none;
}
a:visited.link1 {
    color: green;
    text-decoration:none;
}
a:hover.link1 {
    color:green;
    text-decoration:underline;
}
a.link2 {
    color:#fff;
    text-decoration:none;
}
a:visited.link2 {
    color: green;
    text-decoration:none;
}
a:hover.link2 {
    color:green;
    text-decoration:none;
}

</style>

</head>

<body><a href="http://www.eksperten.dk" class="link2">Link</a>
</body>
Avatar billede tweak Nybegynder
13. juli 2005 - 20:58 #6
Kan du se hvad der sker med class og a.link ?
Avatar billede nielle Nybegynder
13. juli 2005 - 21:05 #7
tweak> Det kan godt være at browseren forstår det alligevel, men det er nu mere korrekt med:

<style>
a.link1 {
    color: #fff;
    text-decoration: none;
}
a.link1:visited {
    color: green;
    text-decoration: none;
}
a.link1:hover {
    color: green;
    text-decoration: underline;
}
a.link2 {
    color: #fff;
    text-decoration: none;
}
a.link2:visited {
    color: green;
    text-decoration: none;
}
a.link2:hover {
    color: green;
    text-decoration: none;
}
</style>
Avatar billede nielle Nybegynder
13. juli 2005 - 21:07 #8
I mit andet link:

http://www.w3schools.com/css/tryit.asp?filename=trycss_link2

- er der en hel suite af forskelleige typer af links som eksistere sammen, men som opføre forskelligt.
Avatar billede tweak Nybegynder
13. juli 2005 - 21:17 #9
nielle, ;) Men den opfatter det som den skal. Men du har ret :P
Avatar billede nielle Nybegynder
13. juli 2005 - 21:41 #10
tweak> Hvis man vælger at holde sig til CSS standarden, er man rimelig sikker på at koden også virker korrekt i andre browsere end lige ... skal vi vælge en tilfældig browsere ... MSIE? ;^)
Avatar billede no_name Nybegynder
13. juli 2005 - 21:47 #11
Hvorfor gør det kode min link røde. I body er de sat til blå!??
Avatar billede nielle Nybegynder
13. juli 2005 - 21:50 #12
Post lige noget af din kode.
Avatar billede no_name Nybegynder
13. juli 2005 - 21:55 #13
Nå ved godt hvor det er galt.

Jeg kan ikke finde ud af hvordan det skal se ud. Her er href to gange - kan ikke være rigtig.

<a class="one" href="default.asp" href="http://www.safer-networking.org/en/index.html" target="blank">
Avatar billede no_name Nybegynder
13. juli 2005 - 21:57 #14
Sikke noget bavl. Selvfølgelig kan jeg det. Alt i orden!
Avatar billede no_name Nybegynder
13. juli 2005 - 21:59 #15
I deler pointene. nielle læg et svar.
Avatar billede nielle Nybegynder
13. juli 2005 - 22:05 #16
Svar :^)
Avatar billede no_name Nybegynder
13. juli 2005 - 22:06 #17
- og tak for hjælpen!
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