Pagina 1 van 1
Meerdere link-kleuren met css
Geplaatst: 22 jan 2013, 18:25
door 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
Re: Meerdere link-kleuren met css
Geplaatst: 22 jan 2013, 18:29
door 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.
Re: Meerdere link-kleuren met css
Geplaatst: 22 jan 2013, 18:43
door 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...
Re: Meerdere link-kleuren met css
Geplaatst: 22 jan 2013, 19:03
door Goztow
<td align="center">
<a class="tabknoptd">je link</a></td>
Re: Meerdere link-kleuren met css
Geplaatst: 22 jan 2013, 19:59
door 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>';
Re: Meerdere link-kleuren met css
Geplaatst: 22 jan 2013, 20:24
door 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;
}
Re: Meerdere link-kleuren met css
Geplaatst: 22 jan 2013, 20:41
door Vieten
Merci, werkt perfect nu. Wel eigenaardig dat het met sommige browsers wel werkt en andere niet.
Re: Meerdere link-kleuren met css
Geplaatst: 22 jan 2013, 21:15
door 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.