Meerdere link-kleuren met css

[Vieten]

Hallo, voor een website wil ik in een tab-menu bovenaan andere link-kleuren gebruiken dan in een knop-menu links.
Het werkt goed in firefox, zowel lokaal als op de server. In chrome werkt het enkel lokaal. In iexplorer werkt het nergens.

Met niet werken bedoel ik dat de kleur van de laatste css gebruikt wordt voor beide menu's (als ik de volgorde omwissel wordt steeds de onderste gebruikt voor beide menu's).

Het stuk css:

Code: Selecteer alles

.tabknoptd a:link, a:visited, a:hover, a:active {
	color: #000;
	font-size: 20px;
	text-decoration: none;
}
.subknoptd a:link, a:visited, a:hover, a:active {
	color: #fff;
	font-size: 16px;	
	text-decoration: none;
}

Als code gebruik ik:

Code: Selecteer alles

<td class="tabknoptd" align="center">
en
<td class="subknoptd" align="center">

Hoe is dat op te lossen?

Groetjes,
David

[krisken]

Geen idee of het helpt, maar misschien werken met volledige hexadecimale kleuren?
#FF0000 voor rood bvb
#00FF00 voor groen
#0000FF voor blauw

Op hierzo.net (colors) kan je ze vinden.

[Vieten]

Merci, heb het toch maar geprobeerd maar dat helpt niet. Het moeten in de ene zwarte en de andere witte links zijn. Als je maar 3 tekens opgeeft wordt gezien als 2e keer dezelfde reeks. Dus #000 wordt gezien als #000000 enz...

[Goztow]

<td align="center">
<a class="tabknoptd">je link</a></td>

[Vieten]

Geprobeerd: Als de class in de link staat werkt het helemaal niet, dan zijn het gewoon de standaard blauwe link-kleuren. Als ik ze zowel in de td als de link zet is het weer hetzelfde dan daarvoor. Ik zal even de volledige code tonen:

Code: Selecteer alles

echo'<td class="tabknoptd" align="center"><a href="index.php?w='.$wat.'&p='.$rijknop['ID_BIOTAB'].'|1"><div class="tabknop"><br/>'.$rijknop['tab'].'</div></a></td>';

en

echo'<tr><td class="subknoptd" align="center"><a href="index.php?w='.$wat.'&p='.$pag[0].'|'.$rijsub['tab2'].'"><div class="subknop"><br/>'.$rijsub['knop'].'</div></a></td></tr>';

Dit had helemaal geen effect, dus terug standaard blauwe links:

Code: Selecteer alles

]
echo'<td align="center"><a class="tabknoptd" href="index.php?w='.$wat.'&p='.$rijknop['ID_BIOTAB'].'|1"><div class="tabknop"><br/>'.$rijknop['tab'].'</div></a></td>';

[cptKangaroo]

Je css definities zijn niet specifiek genoeg waardoor je eigenlijk 2 keer hetzelfde definieert -- probeer eens:

Code: Selecteer alles

.tabknoptd a:link, .tabknoptd a:visited, .tabknoptd a:hover, .tabknoptd a:active {
   color: #000;
   font-size: 20px;
   text-decoration: none;
}
.subknoptd a:link, .subknoptd a:visited, .subknoptd a:hover, .subknoptd a:active {
   color: #fff;
   font-size: 16px;   
   text-decoration: none;
}

[Vieten]

Merci, werkt perfect nu. Wel eigenaardig dat het met sommige browsers wel werkt en andere niet.

[cptKangaroo]

Ik denk dat in dit geval het "wel werken" eigenlijk niet volgens de standaard is, maar dat sommige browserdevelopers dan eerder zullen opteren voor hun eigen inschatting van wat de site ontwerper bedoelde, als er zo'n conflict tussen twee gelijke definities optreedt.