|
|
 | Links farver
Fra : Susanne Togeby |
Dato : 25-10-04 11:09 |
|
Jeg har defineret mine linksfarver i et stylesheet således:
a:active { color: #FE7C24; text-decoration: none} a:hover { color:
#FE7C24} a:link { color: #666666; text-decoration: none} a:visited {
color: #666666; text-decoration: none}
Kan man lave det, så a:hover stadig virker, selv om linket er visitet?
Jeg har forsøgt at undlade a:visited - det virker, så de besøgte links
stadig bliver orange, når musen kører over - men så går det galt med
farven på de ubesøgte links.
mvh.
Susanne Togeby
| |
 Thomas Jespersen (25-10-2004)
| Kommentar
Fra : Thomas Jespersen |
Dato : 25-10-04 11:29 |
|
On Mon, 25 Oct 2004 12:09:18 +0200, Susanne Togeby
<susannet@hum.aau.dk> wrote:
>Kan man lave det, så a:hover stadig virker, selv om linket er visitet?
>Jeg har forsøgt at undlade a:visited - det virker, så de besøgte links
>stadig bliver orange, når musen kører over - men så går det galt med
>farven på de ubesøgte links.
Sørg for de står i flg. rækkefølge i dit stylesheet:
a:link {}
a:visited {}
a:hover {}
a:focus {}
a:active {}
Grunden er at hvis to styles matcher vil den sidste i stylesheetet
blive valgt. Altså hvis du bruger den rækkefølge jeg har skrevet vil
:hover matche fremfor :visited.
PS. Det kan diskuteres om focus skal stå før eller efter hover.
| |
Erik Ginnerskov (25-10-2004)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 25-10-04 15:20 |
|
Thomas Jespersen wrote:
> PS. Det kan diskuteres om focus skal stå før eller efter hover.
Jeg ville sætte dem på linje - adskilt af et komma. De har i princippet
samme funktion:
hover
når musen kommer ind over linket
focus
når man tabber sig frem til linket
a:hover, a:focus {
definitioner
}
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk
| |
|
|