Hans Jørgen Lassen skrev:
> Kan man godt på samme side give links forskellig farve, når markøren hoverer
> over dem?
Sagtens.
Kombiner eksemplerne på <
http://html.dk/tutorials/css/lektion6.asp> og
<
http://html.dk/tutorials/css/lektion7.asp> - så har du løsningen.
NB: Pseudoklassen (:hover) skal stå efter klassenavnet.
En mere elegant måde at opnå det samme på er via kontekstuelle
selektorer. Det går ud på at man med en css-selektor kan ramme elementer
ud fra hvor (i hvilke elementer) de er placeret på siden.
Skriver man fx
..menu a{ color: green; }
- vil man fange de tre links i menuen herunder, uden at påvirke det
fjerde og sidste link:
<div class="menu">
<a href="1"...>1</a>
<a href="2"...>2</a>
<a href="3"...>3</a>
<div>
<p>Her er et <a href="link">link</a> uden for menuen</p>
".menu a" skal læses som "et a-element (link) placeret inde i noget med
klassen menu"
Andre eksempler kan være:
ul li{ color: red; } (farver alle listepunkter i en unummereret liste,
men ikke listeelementer i nummererede lister)
#menu a{ text-decoration: none; } (fjerner understregning på links
placeret i et element med id-værdien menu (fx <div id="menu">).
fieldset p{ text-align: right; } (brug højrejustering på tekstafsnit
i fieldset)
> PS. Jeg ved godt, at menuen ikke virker i FireFox,
Det kan du evt. få hjælp til i clientside-gruppen. Problemet er at du
tilgår nogle html-elementer direkte. Brug document.getElementById i
stedet - så virker det i alle nyere browsere. Hvis gamle IE-udgaver skal
med, kan du kombinere med document.all.
NB: Du har også et par valideringsfejl på siden.
--
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