Avatar billede 13thsky Nybegynder
13. december 2003 - 17:24 Der er 6 kommentarer og
1 løsning

Forskellige links?

Jeg har nedenstående kode, hvor begge links er blå, men hvis jeg nu gerne vil have at en af dem er en anden farve, hvad gør jeg så?

<body>
<p>
  <style type="text/css">
<!--   
a {text-decoration:none}
a:hover {text-decoration;color=#999999}
-->
</style>
</p>
<p><a href="#">Link1</a></p>
<p><a href="#">Link2</a></p>
</body>

//13th Sky
Avatar billede gil-galad Nybegynder
13. december 2003 - 17:27 #1
<html>
<head>
<style type="text/css">
<!--   
a {text-decoration:none}
a:hover {text-decoration;color=#999999}

a.andetlink {text-decoration:none}
a.andetlink:hover {text-decoration;color=red}
-->
</style></head>
<body>
<p><a href="#">Link1</a></p>
<p><a href="#" class="andetlink">Link2</a></p>
</body>
</html>
  sådan....
Avatar billede ducks Nybegynder
13. december 2003 - 17:29 #2
a {
  color: #000000;
  text-decoration: none;
}

Husk ";"

a:hover {
  text-decoration: none;
  color: #999999;
}
Avatar billede ducks Nybegynder
13. december 2003 - 17:29 #3
Og ja, hvis det kun er et af dem, skal du lave class som spiffsen siger.
Avatar billede 13thsky Nybegynder
13. december 2003 - 17:42 #4
-> Spifsen:
Hvorfor viker det ikke hvis jeg ændrer den originale farve på et af linkene?

<html>
<head>
<style type="text/css">
<!--   
a {text-decoration:none}
a:hover {text-decoration;color=#999999}

a.andetlink {text-decoration:none}
a.andetlink:hover {text-decoration;color=red}
-->
</style></head>
<body>
<p><a href="#">Link1</a></p>
<p><a href="#" class="andetlink"><font color="#000033">Link2</font></a></p>
</body>
</html>

//13th Sky
Avatar billede gil-galad Nybegynder
13. december 2003 - 17:46 #5
<html>
<head>
<style type="text/css">
<!--   
a {
text-decoration:underline;
color:blue;
}
a:hover {
text-decoration:none;
color:#999999;
}

a.andetlink {
text-decoration:underline;
color:000033;
}
a.andetlink:hover {
text-decoration:none;
color:red;
}
-->
</style></head>
<body>
<p><a href="#">Link1</a></p>
<p><a href="#" class="andetlink>Link2</a></p>
</body>

gør sådan her istedet...

eller sig til mig hvad du vil have af farver, text-decoration osv, og hvornår de skal optræde, og så skal jeg nok lave det på den "Rigtige måde"
</html>
Avatar billede 13thsky Nybegynder
13. december 2003 - 18:19 #6
yezzz, god lørdag aften...

//13th Sky
Avatar billede gil-galad Nybegynder
13. december 2003 - 18:20 #7
tark
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