Avatar billede Slettet bruger
27. januar 2002 - 12:30 Der er 5 kommentarer og
2 løsninger

CSS og farve

Hej...

Jeg laver en class i min css:
.letters { FONT-SIZE: 7pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center; COLOR: #6699CC}

den skal bruges på nogle specielle links derfor en anden farve end der allerede er sat til linksene:

A:link {color:#333333;text-decoration:none}
A:visited {color:#333333;text-decoration:none}
A:hover {color:#333333;text-decoration:none}
A:active {color:#333333;text-decoration:none}

Spørgsmålet går på flg. : Farven i class'en bliver "overløbet" af links farverne - dvs. at det er #333333 der bliver vist og ikke #6699CC

Kan man ikke på en el. anden måde undgå det?
Avatar billede repsac Nybegynder
27. januar 2002 - 12:32 #1
Er langt fra sikker, men prøv:
<a href="#ditlink"><span class="letters">din tekst</span></a>
Avatar billede werd Nybegynder
27. januar 2002 - 12:36 #2
hvad med:
#letters {
FONT-SIZE: 7pt;
FONT-FAMILY: Verdana;
TEXT-ALIGN: center;
COLOR: #6699CC }

<a href="ditlink.asp" id="letters">blabla</a>

Mvh. Andreas
Avatar billede Slettet bruger
27. januar 2002 - 12:38 #3
hej -

problemet er, at det er en række links:

# A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Vil helst ikke angive font koder mellem hvert link
Avatar billede backside Nybegynder
27. januar 2002 - 13:02 #4
Ved faktisk ikke om dette vil virke hvis dine links er i en tabel, så det er bare en ide. ;)
<td class="letters">
Avatar billede Slettet bruger
27. januar 2002 - 13:09 #5
jo men det er som om class'en bliver "udkonkurreret" af standard tags'ene (som om de har højere prioritet):

A:link {color:#333333;text-decoration:none}
A:visited {color:#333333;text-decoration:none}
A:hover {color:#333333;text-decoration:none}
A:active {color:#333333;text-decoration:none}
Avatar billede backside Nybegynder
27. januar 2002 - 13:26 #6
Vil den stadig gøre det hvis du gør sådan i din css?
a:link
{color: #333333;text-decoration: none;}
a:visited
{color: #333333;text-decoration: none;}
a:hover
{color: #333333;text-decoration: none;}
.....osv.

Og så din:
.letters { FONT-SIZE: 7pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center; COLOR: #6699CC}
Avatar billede basementjack Nybegynder
27. januar 2002 - 15:02 #7
Du kunne jo prøve at droppe a:link og så dele alle linksene op i to..
<a class="letters1">...
Og
<a class="letters2">...
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