Avatar billede apo Praktikant
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
Avatar billede roenving Novice
31. maj 2004 - 13:19 #1
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
Avatar billede cdc Novice
31. maj 2004 - 13:20 #2
og dette skal fjærnes hvis det er externt:

<style TYPE="text/css">
<!--

og

-->
</style>
Avatar billede roenving Novice
31. maj 2004 - 13:21 #3
-- 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>
Avatar billede jakethecake Nybegynder
31. maj 2004 - 13:22 #4
Er hjemmesiden live, så jeg evt. kan kigge på den?

Jake
Avatar billede roenving Novice
31. maj 2004 - 13:25 #5
-- og der var en fejl i den første selektor:

A.link1 /*punktum og ikke kolon !-) */
Avatar billede apo Praktikant
31. maj 2004 - 13:38 #6
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
Avatar billede apo Praktikant
31. maj 2004 - 13:41 #7
roenving > Smid et svar for points...

Apo :-)
Avatar billede roenving Novice
31. maj 2004 - 13:42 #8
Men /cdc har helt ret i, at man ikke må placere html-tags i en ekstern css-fil ...
Avatar billede roenving Novice
31. maj 2004 - 13:42 #9
Så fjern dem også !-)

-- og velbekomme '-)
Avatar billede apo Praktikant
31. maj 2004 - 13:47 #10
Så fjerner jeg dem hvis det har en betydning...

Værsgo, points.

Apo
Avatar billede apo Praktikant
31. maj 2004 - 13:50 #11
... By the way, tak for hjælpen!

// Lukker

Apo
Avatar billede roenving Novice
31. maj 2004 - 13:50 #12
-- Tak for dem ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester