/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
a.hover
Fra : Just P


Dato : 27-06-06 09:27

Hey folks

Jeg har defineret nogle bokse med <DIV> og har i et eksternt
style-sheet defineret farver for a.hover. Nu vil jeg gerne kunne
ændrer hover-farven for enkelte links i et af <DIV> boksene og en
ven
mente at stylen måtte se nogenlunde sådan ud inden i <A>:

style="a:hover='color:#000000'"

Jeg kan se at det herunder er nogenlunde det samme,

> <a href="foo.html" style="color:green;">Grønt link</a>
> Jens Gyldenkærne Clausen

men hvad skal jeg gøre? Er ingen haj, så venligst ikke for
avanceret


Hilsen Just


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Rune Jensen (27-06-2006)
Kommentar
Fra : Rune Jensen


Dato : 27-06-06 16:44

"Just P" wrote in message...

> Jeg har defineret nogle bokse med <DIV> og har i et eksternt
> style-sheet defineret farver for a.hover. Nu vil jeg gerne kunne
> ændrer hover-farven for enkelte links i et af <DIV> boksene og en
> ven
> mente at stylen måtte se nogenlunde sådan ud inden i <A>:
>
> style="a:hover='color:#000000'"
>
> Jeg kan se at det herunder er nogenlunde det samme,
>
> > <a href="foo.html" style="color:green;">Grønt link</a>
> > Jens Gyldenkærne Clausen
>
> men hvad skal jeg gøre? Er ingen haj, så venligst ikke for
> avanceret

Det er fint nok at definere de grundlæggende egenskaber for a først. men
i stedet for inline styles, ville jeg lave ændringerne for egenskaberne
på hover i stylesheetet. Eksemplet nedenunder er ikke testet, men bør
virke

a{
font-family: verdana,sans-serif;
font-size: 12px;
text-decoration: none;
}

a:hover{
color: #0f0;
}

som angiver de grundlæggende egenskaber ved a og a:hover. Dernæst:


a.def1:hover{
color: #666
}

a.def2:hover{
color: #ff0;
}

både def1 og def2 arver egenskaberne defineret i a, og da det kun er
farven, du vil ændre, så gør du bare det. I HTML bruger du så class til
at hente egenskaberne:

<a href="#" class="def1">mellemgrå</a>

som giver mellemgrå hover tekst fra def1 eller

<a href="#" class="def2">dybgul</a>

som giver dybgul hover-tekst fra def2.


MVH
Rune



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste