31. maj 2004 - 13:15
Der er
11 kommentarer og 1 løsning
Ekstern CSS-fil og links
Hej, jeg har et problem med en ekstern CSS-fil. Jeg har sat mine links til at skifte farver onMouseOver via dette: <style TYPE="text/css"> <!-- A:link1 { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #C0C0C0; } A.link1:hover { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #808080; } A.link1:active { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #254321; } A.link1:visited { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #C0C0C0; } --> </style> CSS-filen virker kun på nogle af mine links, som vist i et eksempel herunder: Link <- Virker IKKE (ingen skift af farve ved onMouseOver)! Link <- Virker Link <- Virker Link <- Virker Hvad gør jeg galt? Apo
Annonceindlæg fra Infor
Har de alle class="link1" ?-) Iøvrigt er der kun een rigtig rækkefølge på pseudo-selektorerne, og den er sådan: a a:link a:visited a:hover a:active
og dette skal fjærnes hvis det er externt: <style TYPE="text/css"> <!-- og --> </style>
-- og man behøver ikke at gentage properties, som allerede er sat, så det nedenstående burde være nok: <style TYPE="text/css"> <!-- A:link1 { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #C0C0C0; } A.link1:visited { color: #C0C0C0; } A.link1:hover { text-decoration: none; color: #808080; } A.link1:active { color: #254321; } --> </style>
Er hjemmesiden live, så jeg evt. kan kigge på den? Jake
-- og der var en fejl i den første selektor: A.link1 /*punktum og ikke kolon !-) */
roenving > ja, de har alle class="link1", men nu har jeg ændret rækkefølgen på pseudo-selectorne - efter jeg opdagede fejlen "A:link1" og rettede den til "A.link1"... og det virker nu! ;-) cdc/ > <style TYPE="text/css"> <!-- og --> </style> har tilsyneladende ingen indflydelse på mine links - de fungerer nu :-) jakethecake > Nej, den er endnu ikke på nettet :-/ Apo
roenving > Smid et svar for points... Apo :-)
Men /cdc har helt ret i, at man ikke må placere html-tags i en ekstern css-fil ...
Så fjern dem også !-) -- og velbekomme '-)
Så fjerner jeg dem hvis det har en betydning... Værsgo, points. Apo
... By the way, tak for hjælpen! // Lukker Apo
Vi tilbyder markedets bedste kurser inden for webudvikling