Avatar billede thingholm.dk Nybegynder
23. maj 2003 - 20:46 Der er 15 kommentarer og
1 løsning

Ændring af link farve ved mouse over

Hej

Hvordan laver jeg et simpelt tekst-link som har 1 given farve/font i normal tilstand og ændrer denne ved mouse over.

Det skal gerne uden brug af ekstern css.

VH

Anders
Avatar billede asand Nybegynder
23. maj 2003 - 20:47 #1
style="hover: 454554;"
Avatar billede jakobclausen Nybegynder
23. maj 2003 - 20:52 #2
<style>
a.hover{
color: #farve;
}

</style>
Avatar billede thingholm.dk Nybegynder
23. maj 2003 - 21:02 #3
Hej igen

1. hvor i min html smider jeg denne?

2. hvordan udvidder jeg den til at style den "oprindelige" farve ?
Avatar billede thingholm.dk Nybegynder
23. maj 2003 - 21:02 #4
Og det skal som sagt kun være den tekst alene som skal styles.
Avatar billede jakobclausen Nybegynder
23. maj 2003 - 21:06 #5
(1) Min løsning sættes ind mellem <head> og </head>

(2) Forstår ikke helt dit spørgsmål?
Avatar billede asand Nybegynder
23. maj 2003 - 21:06 #6
1. <A href="kjldfg.jk" style="a:hover { color:874554; text-decoration: underline;}">text</A>

2.???
Avatar billede asand Nybegynder
23. maj 2003 - 21:06 #7
Det første var egentlig noget sludder!
Avatar billede thingholm.dk Nybegynder
23. maj 2003 - 21:42 #8
hej igen

Denne ser ikke ud til at virke...

<a href="wolla.php" style="a:hover{color:#002F3D; text-decoration: underline;}">Wolla Wolla</a>
Avatar billede thingholm.dk Nybegynder
23. maj 2003 - 21:43 #9
Det jeg mente med 2. var at jeg gerne vil style en active state - dvs. sådan som den ser ud når brugeren kommer ind på siden.
Avatar billede asand Nybegynder
23. maj 2003 - 22:39 #10
Så prøv at tilføje a:link{color: en anden farve; textdecoration: none;} før a:hover. Det med at den skal vises på en anden måde, når den er aktiv gøres så med a:active{...}.
Avatar billede roenving Novice
23. maj 2003 - 22:52 #11
<a href... onmouseover="this.style.color='#774400';" onmouseout="this.style.color='#000000';">
Avatar billede thingholm.dk Nybegynder
23. maj 2003 - 22:53 #12
Hej igen

denne virker desværre ikke...

<html>
<td><div align="right"><a href="wolla.php" style="a:link {color:#FFFFFF; text-decoration: none;} "a:link {color:#000000; text-decoration: none;}">Sitemap</a></div></td>
</html>
Avatar billede thingholm.dk Nybegynder
23. maj 2003 - 22:54 #13
Jeg kan godt få denne til at virke, som skulle den første metode med style ikke også virke...

<a href... onmouseover="this.style.color='#774400';" onmouseout="this.style.color='#000000';">
Avatar billede roenving Novice
23. maj 2003 - 23:13 #14
-- øeh ...

Jeg ved det simpelthen ikke ...

men gætter på, at du skal bruge document.styleSheet for at lave en ændring i et eksisterende stylesheet -- og så vil :hover selvfølgelig ikke virke på en style ...

hth
jes
Avatar billede thingholm.dk Nybegynder
23. maj 2003 - 23:28 #15
Hej igen - jeg kører videre med roenving's metode...

Tak alle sammen!
Avatar billede roenving Novice
23. maj 2003 - 23:38 #16
Velbekomme -- og tak for points ;~}
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