---

Følgende kode vil hanske enkelt ikke virke. Det forlbiver std. blå.
----------------
..hvid_link {
background-color: #6e8ba8;
text-decoration: none;
}

a.hvid_link:link { color: #FFFFFF }
a.hvid_link:visited { color: #FFFFFF;}
a.hvid_link:hover { color: #FF0000;}
a:hvid_link.active { color: #FFFFFF;}
--------------

Er det ikke den korrekt måde at lave psoudo klasser på?

Altså: A.class:subclass

Mvh
Anders

---

"Flare" <anders@pings.dk> skrev
> Følgende kode vil hanske enkelt ikke virke. Det forlbiver std. blå.
> ----------------
> .hvid_link {
> background-color: #6e8ba8;
> text-decoration: none;
> }
>
> a.hvid_link:link { color: #FFFFFF }
> a.hvid_link:visited { color: #FFFFFF;}
> a.hvid_link:hover { color: #FF0000;}
> a:hvid_link.active { color: #FFFFFF;}

De tre første har du lavet rigtigt. Men i den sidste har du byttet kolon og
punktum. Desuden bør du lave farveværdierne med små bogstaver.

Du kan også lave det på denne måde:

a.hvid_link:link,a.hvid_link:visited,a.hvid_link:active{color:#ffffff}
a.hvid_link:hover{color:#ff0000}

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin

---

"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev :

>Du kan også lave det på denne måde:
>
>a.hvid_link:link,a.hvid_link:visited,a.hvid_link:active{color:#ffffff}
>a.hvid_link:hover{color:#ff0000}

Man bør ikke slå dem sammen eftersom rækkefølgen er ret vigtig,
den skal være
link
visited
hover
active

Det kan give utilsigtede virkninger, hvis man ikke skriver det i
den rækkefølge.

http://www.w3.org/TR/REC-CSS2/selector.html#x27
5.11.3
--
Knud

---

"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev
> "Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev :
>
> >Du kan også lave det på denne måde:
> >
> >a.hvid_link:link,a.hvid_link:visited,a.hvid_link:active{color:#ffffff}
> >a.hvid_link:hover{color:#ff0000}
>
> Man bør ikke slå dem sammen eftersom rækkefølgen er ret vigtig,
> den skal være
> link
> visited
> hover
> active

Hvis active skal være forskellig fra link og visited, har du ret. Men hvis
kun hover skal skille sig ud, er den god nok. Sådan har jeg i årevis gjort
på hjemmesideskolen, uden nogen problemer.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin

---

"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> writes:

> "Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev
> > "Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev :
> >
> > >a.hvid_link:link,a.hvid_link:visited,a.hvid_link:active{color:#ffffff}
> > >a.hvid_link:hover{color:#ff0000}

> > Man bør ikke slå dem sammen eftersom rækkefølgen er ret vigtig,
....
> Hvis active skal være forskellig fra link og visited, har du ret. Men hvis
> kun hover skal skille sig ud, er den god nok. Sådan har jeg i årevis gjort
> på hjemmesideskolen, uden nogen problemer.

Det bør ikke virke.
Alle fire selectors har samme "specificity" (specifikhed?). Derfor
bestemmes hvilken der vinder kun af hvilken der står sidst i CSS-koden.

Ovenstående kode vil gøre at :hover altid vinder over :active. Hvis
man kun bruger mus vil det betyde at man aldrig ser resultatet af
:active-reglen. Når jeg tjekker en side på hjemmesideskolen.dk, så
virker :active-reglen ganske rigtigt ikke. Det kan godt være det er
det er den effekt du ønsker, men så kunne du fjerne reglen helt.

Det er for øvrigt ligegyldigt i hvilken rækkefølge man laver :link og
:visited da de er gensidigt udelukkende. Man kan også kombinere regler,
som fx:
a:link {color:blue;}
a:link:hover {background:blue;color:white;}
a:link:active {background:cyan;color:black;}
a:visited {color:purple;}
a:visited:hover {background:purple;color:white;}
a:visited:active {background:magenta;color:black;}

(Personlig synes jeg hverken :hover eller :active burde være i CSS, men
det er en anden diskussion :))

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

---

"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev
> > > "Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev :
> > >
> > >
>a.hvid_link:link,a.hvid_link:visited,a.hvid_link:active{color:#ffffff}
> > > >a.hvid_link:hover{color:#ff0000}
>
> > > Man bør ikke slå dem sammen eftersom rækkefølgen er ret vigtig,
>
> Ovenstående kode vil gøre at :hover altid vinder over :active. Hvis
> man kun bruger mus vil det betyde at man aldrig ser resultatet af
> :active-reglen. Når jeg tjekker en side på hjemmesideskolen.dk, så
> virker :active-reglen ganske rigtigt ikke.
> Det kan godt være det er den effekt du ønsker, men så kunne du fjerne
> reglen helt.

Det var jo netop det, jeg beskrev i mit svar til Anders.
Han havde i sit css-forsøg givet link, visited og active samme farve og kun
hover var anderledes.
Hvis du læser www.hjemmesideskolen.dk/html/testsider/link.asp, skriver jeg
da også tydeligt, at hvis active skal have en anden farve, skal den noteres
sidst.
--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin

---

"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> writes:

> > > > "Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev :
> > > > >a.hvid_link:link,a.hvid_link:visited,a.hvid_link:active{color:#ffffff}
> > > > >a.hvid_link:hover{color:#ff0000}
>
> Det var jo netop det, jeg beskrev i mit svar til Anders.
> Han havde i sit css-forsøg givet link, visited og active samme farve og kun
> hover var anderledes.

Det du sagde var:
"Men hvis kun hover skal skille sig ud, er den god nok."

Jeg tror jeg læste det som også at betyde "hvis :hover skal se
anderledes uden end :active (og de andre)". I det tilfælde er det
forkert, da :active ser ud lige som :hover og ikke lige som
ikke-:hover.

Hvis jeg læser det som "kun :hover-reglen skal betyde noget", så
passer det.

Det er under alle omstændigheder rigtigt, at giver ovenstående regeler,
så kan man lige så godt slette :active-reglen, da den ingen effekt har.
Den samme effekt kan laves kortere (og derfor (IMNSHO) mere læsevenligt)
som:

a.hvid_link {color:white;}
a.hvid_link:hover {color:red;}

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

---

Flare skrev:

> Følgende kode vil hanske enkelt ikke virke. Det forlbiver std.
> blå. ----------------
> .hvid_link {

Understreg ("_") er ikke et gyldigt tegn i en css-klasse.
Hold dig til ascii-bogstaver, tal og bindestreger (der er andre
tilladte tegn også, men jeg kan ikke lige finde en brugbar
beskrivelse).

> Er det ikke den korrekt måde at lave psoudo klasser på?
>
> Altså: A.class:subclass

Jo - det er som nævnt dit klassenavn den er gal med.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Flare wrote:
> Følgende kode vil hanske enkelt ikke virke. Det forlbiver std. blå.
> ----------------
> .hvid_link {
> background-color: #6e8ba8;
> text-decoration: none;
> }
>
> a.hvid_link:link { color: #FFFFFF }
> a.hvid_link:visited { color: #FFFFFF;}
> a.hvid_link:hover { color: #FF0000;}
> a:hvid_link.active { color: #FFFFFF;}
> --------------

prøv:
a:link.hvid_link { color: #FFFFFF }
a:visited.hvid_link { color: #FFFFFF;}
a:hover.hvid_link { color: #FF0000;}
a:active.hvid_link { color: #FFFFFF;}


--
mvh Søren Nielsen
http://www.soerennielsen.dk/akvarie/

---

I skal allesammen have mange tak for forslagene. Det virker nu og tak for
tip om hvilken orden de skla opstilles i.

Anders