Søg
Avatar billede fcs Novice
29. november 2000 - 17:48 Der er 11 kommentarer og
1 løsning

Dobbelt CSS problem

Hej Eksperter.

Jeg er ved at lave en side og er nu løbet ind i et problem. Jeg benytter forskellige baggrundsfarver på siden (rød og hvid) og mine links har forskellige farver (rød og hvid).

Jeg har lavet følgende style:

<style>
A:Visited {color : White; text-decoration: none}
A:Active {color : White; text-decoration : none;}
A:Hover {color : White; text-decoration : none; font-weight: bold;}
</style>

Men den gør jo også de røde links (som er på hvid baggrund) hvide og dermed usynlige!

Er der en venlig person, som kan give mig en step-by-step opskrift på hvordan jeg får defineret to seperate styles og hvordan jeg anvender dem? Jeg vil gerne have et stylesæt i hvidt (som det jeg har nu) og et andet sæt i rødt!!!! 50 point til den dygtige..

Peter
Avatar billede parazite Nybegynder
29. november 2000 - 17:51 #1
<style>
A.white:Visited {color : White; text-decoration: none}
A.white:Active {color : White; text-decoration : none;}
A.white:Hover {color : White; text-decoration : none; font-weight: bold;}
</style>

<style>
A.red:Visited {color : red; text-decoration: none}
A.red:Active {color : red; text-decoration : none;}
A.red:Hover {color : red; text-decoration : none; font-weight: bold;}
</style>

Link der skal være hvide : <a href=\"#\" class=\"white\">
Link der skal være røde : <a href=\"#\" class=\"red\">

Forstår du? :o)
Avatar billede fcs Novice
29. november 2000 - 17:57 #2
Jeps, og det ser ud til at virke. Jeg har dog lige et lille ekstra spm.: Kan jeg på en eller anden måde definere den hvide som værende den der gælder, med mindre jeg specificerer at den skal være rød? Hvordan gør jeg det
Avatar billede fcs Novice
29. november 2000 - 18:09 #3
Det ser heller ikke ud som om de røde links skifter til BOLD ved en hover??????? Hvad gør jeg forkert?? Her er min style:

<style>
A.white:Visited {color : White; text-decoration : none}
A.white:Active {color : White; text-decoration : none;}
A.white:Hover {color : White; text-decoration : none; font-weight: bold;}
</style>

<style>
A.red:Visited {color : red; text-decoration : none}
A.red:Active {color : red; text-decoration : none;}
A.red:Hover {color : red; text-decoration : none; font-weight: bold;} 
</style>

Og her er et eksempel på etr af mine røde links:

<A HREF=\"skabelon.htm\" class=\"red\">Hjem</A>

Hvad er galt??
Avatar billede fcs Novice
29. november 2000 - 18:32 #4
Jeg har fundet ud af at det ikke virker med font-weight: bold; i den røde, men laver man det om til font-weight: bolder; virker det, men ser ikke så pænt ud. Hvad dælens er galt??
Avatar billede parazite Nybegynder
29. november 2000 - 18:35 #5
For at specificere at den hvide skal gælde generelt gør du bare som følger:

<style>
A:Visited {color : White; text-decoration : none}
A:Active {color : White; text-decoration : none;}
A:Hover {color : White; text-decoration : none; font-weight: bold;}
A.red:Visited {color : red; text-decoration : none}
A.red:Active {color : red; text-decoration : none;}
A.red:Hover {color : red; text-decoration : none; font-weight: bold;} 
</style>

Font-weight: bold; skulle virke. Virker det med de hvide links?
Avatar billede fcs Novice
29. november 2000 - 18:36 #6
Ja, den virker med de hvide og den virker hvis jeg ændrer bold; til bolder; men den er ikke så pæn som bold;
Avatar billede parazite Nybegynder
29. november 2000 - 18:42 #7
Følgende kode var min lille superhurtige sammenflikning, og der virker bold fint:

<html>
<head>
<style>
A:Visited {color : White; text-decoration : none}
A:Active {color : White; text-decoration : none;}
A:Hover {color : White; text-decoration : none; font-weight: bold;}
A.red:Visited {color : red; text-decoration : none}
A.red:Active {color : red; text-decoration : none;}
A.red:Hover {color : red; text-decoration : none; font-weight: bold;} 
</style>
</head>
<body bgcolor=\"C0C0C0\">
<a href=\"#\">Hvid</a>
<a href=\"#\" class=\"red\">Rød</a>
</body>
</html>

Avatar billede fcs Novice
29. november 2000 - 18:54 #8
Dit eksempel virker også fint hos mig. Min side består af en menu i siden og en i toppen. Den i siden skal bruge den hvide style og den i toppen skal bruge den røde. Jeg har fundet ud af at hvis man benytter den hvide i toppen virker bold; heller ikke, men den hvide virker fint i menuen i siden. Kan jeg sende siden til dig og få dig til at kigge på det?
Avatar billede parazite Nybegynder
29. november 2000 - 18:57 #9
Sagtens - shaz@anarki.dk eller ICQ# 27432201
Avatar billede fcs Novice
29. november 2000 - 19:35 #10
Tak for hjælpen.
Avatar billede parazite Nybegynder
29. november 2000 - 19:37 #11
For at andre lige kan følge med i det : Fandt en lille fejl i fcs\' kode, da han sendte mig den via ICQ. Så skulle det vist være på plads.

fcs : Så lidt! :o)
Avatar billede fcs Novice
29. november 2000 - 19:40 #12
Ja, godt at du lige præciserede, det glemte jeg. Sorry ;-)
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
I går 18:38 Værktøj til redigering af hjemmeside på android tablet Af Lisbet 80 i Apps til Android
20/1014:59 Fejl ved forsøg på åbning af Access mdb og mde Databaser Af Uvanga i Access
19/1014:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
White papers
Flere white papers »