Søg
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
23/1221:36 Gøre Ikonerne lidt større i proceslinjen (Windows 10) Af Ikke-ekspert i Windows
23/1218:05 Glemt kodeord til BitLocker Af valby i Windows
23/1214:37 Blå og rød lysdioder Af ErikHg i Andet hardware
22/1221:22 Fejl på outlook(new) Af fase i E-mail programmer
20/1220:05 #OVERLØB! Af ABE15 i Excel
White papers
Flere white papers »