Link kleur
http://www.ikk-specials.com/
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 <|:-)
Hier: 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
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?
http://www.handleidinghtml.nl/css/selectors/selectors06.html
snap dan nog niet wat ik er neer zet en hoe....
of deze: 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
inheritance, erg handig, maar wanneer je even niet oplet heb je de meest lastige bugs in je html en css zitten.
Edit: Had de aanvulling van Jan niet gezien, hier geeft hij dus een prachtig voorbeeld van inheritance, overerving.
Precies, werk van groot (de algemene zaken) naar klein (een uniek id waar verder niets meer onder zit) om de css op te maken. Een aanpassing op een klein element raakt dan niet de grote zaken. De bekende 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 <|:-)
Correct ^_^
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 ^_*