Archief - CSS: link kleur wijzigen ? lukt niet...

j

jorrelemargi

Legacy Member

• 22 dec 2006

• #1

kort gezegd is hetvolgende mijn probleem:
mijn links worden als volgt opgebouwd:

<a href="/uzegt_v2/?q=categorie/democraten" class="tagadelic level1">democraten</a>

mijn CSS hiervoor is:
.tagadelic.level1 {font-size : 0.8em;}
als ik dat wijzig, reageert de font-size perfect

ik wens echter de tekstkleur van deze links te wijzigen, maar krijg er maar geen verandering in. Ik voeg hiervoor volgende CSS toe:

a.tagadelic.level1:link {color: #0000ff; background: #ffffff; font-weight: bold;}
a.tagadelic.level1:active {color: #0000ff; background: #ffffff; font-weight: bold;}
a.tagadelic.level1:visited {color: #0000ff; background: #ffffff; font-weight: bold;}
a.tagadelic.level1:hover {color: #0000ff; background: #ffffff; font-weight: bolder;}


hier reageert mijn webpagina dus niet op, er wijzigt niets aan de links... en yep, ik weet hoe ik deftig moet refreshen...

K

Krayola

Legacy Member

• 22 dec 2006

• #2

Kdenk dat iets met de volgorde te maken heeft waarmee het in uw CSS staat.
Zet is in deze volgorde: link, visited, hover, active.

X

Xavez

Legacy Member

• 22 dec 2006

• #3

LoVe HAte: Link Visited Hover Active .

o

orez

Legacy Member

• 23 dec 2006

• #4

Code:

a.tagadelic.level1:link {color: #0000ff; background: #ffffff; font-weight: bold;}
a.tagadelic.level1:active {color: #0000ff; background: #ffffff; font-weight: bold;}
a.tagadelic.level1:visited {color: #0000ff; background: #ffffff; font-weight: bold;}
a.tagadelic.level1:hover {color: #0000ff; background: #ffffff; font-weight: bolder;}

kan veel simpeler !

Code:

a.tagadelic.level1 { color: #0000ff; background: #ffffff; font-weight: bold; }
a.tagadelic.level1:hover { color: #ff0000; font-weight: bolder; }

j

jorrelemargi

Legacy Member

• 23 dec 2006

• #5

al het bovenstaande geprobeerd, en dat reageert nog steeds niet... heeft geen effect...

als iemand wil kijken wat er kan mis zijn , het gaat over die woordenwolk op www.uzegt.be rechtsbeneden

S

SMa

Legacy Member

• 23 dec 2006

• #6

die a. hoeft toch niet?
het zijn allemaal links in je wrappertagadelic-container
en als er buiten die container nog zijn met dezelfde naam doe dan ".wrappertagadelic .tagadelic.level1 ..."

persoonlijk vind ik ook dat je nogal veel klasses gebruikt, toch voor nx nodig?

j

jorrelemargi

Legacy Member

• 23 dec 2006

• #7

dus even recapituleren:

ik wens de kleur van mijn links (of beschouw het als tekst voor mijn part) die behoren tot klasse tagadelic.level1 een andere kleur geve, zeg nu om te testen "red".

Wat dien ik dan exact te gebruiken? Ik heb alle logische dingen al geprobeerd, en dat heeft geen effect.

o

omfg

Legacy Member

• 23 dec 2006

• #8

.tagadelic.level1 { color: #abcdef; } zou toch moeten werken?

S

Skratz

Legacy Member

• 24 dec 2006

• #9

in styles.css net lager als die .tagadelic.leve1 staat
#right A{color: #008148;} deze regel over schijft alle andere

o

orez

Legacy Member

• 24 dec 2006

• #10

Skratz zei:

in styles.css net lager als die .tagadelic.leve1 staat
#right A{color: #008148;} deze regel over schijft alle andere

Klik om te vergroten...

FF aanvullen,

deze regel overschrijft alle ander link attributen (a) in de #right container!

j

jorrelemargi

Legacy Member

• 26 dec 2006

• #11

orez zei:

FF aanvullen,

deze regel overschrijft alle ander link attributen (a) in de #right container!

Klik om te vergroten...

thanks a lot! dat gaat het zijn.
Hoe kan ik echter nu zeggen dat al die links behalve die tagadelic cloud deze style mogen hebben:

#right A{color: #008148;}

of moet dat gedaan worden per div in #right?

j

jorrelemargi

Legacy Member

• 26 dec 2006

• #12

problem solved! thanks a lot iedereen

K

KoenDK

Legacy Member

• 27 dec 2006

• #13

firebug kan u helpen (in de toekomst)