Link kleur
gaat het goed met de link kleur in FF maar IE gaat het mis.
Ziet iemand in de CSS waarom het mis gaat?
edit: de code kan je zelf wel vinden <|:-)
Gewijzigd op 01/01/1970 01:00:00 door Lissy Pixel
Gesponsorde koppelingen:
maar hier gaat her fout:
.menu a:link {opmaak.css (line 86)
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
text-decoration:none;
}
:link is geen speudo selecter, dus ie negeert het gewoon...
Wat maak ik er dan van?
snap dan nog niet wat ik er neer zet en hoe....
.menutop a:link {
text-decoration: none;
font-size: 11x;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
}
.menutop a:visited {
text-decoration: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
}
.menutop a:hover {
text-decoration: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #670809;
font-weight: bold;
}
.menutop a:active {
text-decoration: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
}
a:link {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a:visited {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a:hover {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #670809;
text-decoration: none;
font-weight: bold;
}
a:active {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
Dan zou ik dit voor zover ik het begrijp dit:
A.classnaam:link { stijldeclaratie }
ervan moeten maken.
Waar ga ik fout?
a:visited { style van een al bezochte link }
a:hover { style van je link wanneer je muis er over heen gaat }
a:active { style van je actieve link }
Bovenstaande volgorde ook aanhouden.
Bovenstaande is algemeen.
Wanneer je een aparte class wilt geven aan een speciale link, dan gebruik je
a.menu:link { } enz.
html-code is dan <a href="#" class="menu">link</a>
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
Doe eerst je CSS voor algemene links, en zet daarna je CSS neer voor alle links die in de div.menutop zitten.
Edit: overigens kan je CSS nog een heel stuk korter:
Code (php)
1
2
3
4
5
2
3
4
5
div.menutop a { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; }
div.menutop a:link,
div.menutop a:visited { color: #fff; }
div.menutop a:hover { color: #670809; }
div.menutop a:active { color: #fff;}
div.menutop a:link,
div.menutop a:visited { color: #fff; }
div.menutop a:hover { color: #670809; }
div.menutop a:active { color: #fff;}
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Edit: Had de aanvulling van Jan niet gezien, hier geeft hij dus een prachtig voorbeeld van inheritance, overerving.
Gewijzigd op 01/01/1970 01:00:00 door Frank -
@ pgFrank : Bedankt voor de link en uitleg!
als je link achter a:link weghaald doet het bij mij
o ja dat zal het zeker niet zijn maar volgens mij doe ik sans serif altijd zo aangeven
'sans serif'
ipv sans-serif
@ desertme(sander) : Dank je wel voor het meedenken maar in IE doet hij het bij mij nog steeds niet why?
Kijk maar op de site voor de source <|:-)
BEDANKT allemaal voor het meedenken!!!
Mag ik nog wel opmerken dat het menu nu bijna pijn doet aan de ogen?
Je kent toch het spreekwoord:
Vrouwen komen van venus en mannen van mars...
PS wie mij een beetje na nu toch wel bijna 2 of is het 3 jaar kent weet toch dat ik de onmogelijke kleuren combi's maak <|:-)
lissy schreef op 20.09.2007 16:42:
Ja tuurlijk mag dat!!!
PS wie mij een beetje na nu toch wel bijna 2 of is het 3 jaar kent weet toch dat ik de onmogelijke kleuren combi's maak <|:-)
PS wie mij een beetje na nu toch wel bijna 2 of is het 3 jaar kent weet toch dat ik de onmogelijke kleuren combi's maak <|:-)
http://colorschemer.com/
Je moet gewoon een standaard volgorde gebruiken
en dan is het vrijwel simpel..Je zegt dus dat het niet werkt in ie..
.menutop a:active{
text-decoration: none;
color: #FFFFFF;
}
Moeilijk Neen..
2de oplossing
a:active{
text-decoration: none;
color: #FFFFFF;
}
Is vrijwel simpel en werkt altijd..
@ bart van der veen : dank je wel ik zal is kijken of ik wat kan aanpassen!!!
@ wouter : thanxs ^_*
