Link kleur
Hier: 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 <|:-)
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
we kunnen zelf de css wel vinden:
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...
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...
Bedankt voor je reactie!
Wat maak ik er dan van?
Wat maak ik er dan van?
Zie w3schools
of deze: http://www.handleidinghtml.nl/css/selectors/selectors06.html
snap dan nog niet wat ik er neer zet en hoe....
snap dan nog niet wat ik er neer zet en hoe....
Ik heb dit:
.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?
.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:link { style van je link }
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>
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
Het kan ook nog zijn dat IE je volgorde niet slikt.
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:
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
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 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.
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 -
@ Jan : Heb alles gewijzigd in wat je uitlegt maar nope nog steeds niet. Zie jij waar en wat ik nu fout doe?
@ pgFrank : Bedankt voor de link en uitleg!
@ pgFrank : Bedankt voor de link en uitleg!
@ lissy: ik zal even kijken voor je.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
@lissy
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
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
@ Jan : Ik heb volgens mij jouw raad opgevolgt en prachtig de border erin maar in IE doet hij het bij mij niet why?
@ desertme(sander) : Dank je wel voor het meedenken maar in IE doet hij het bij mij nog steeds niet why?
@ desertme(sander) : Dank je wel voor het meedenken maar in IE doet hij het bij mij nog steeds niet why?
Ik heb hem :)
Kijk maar op de site voor de source <|:-)
BEDANKT allemaal voor het meedenken!!!
Kijk maar op de site voor de source <|:-)
BEDANKT allemaal voor het meedenken!!!
Mooi lissy dat je het zo hebt gekregen zoals je het wilt.
Mag ik nog wel opmerken dat het menu nu bijna pijn doet aan de ogen?
Mag ik nog wel opmerken dat het menu nu bijna pijn doet aan de ogen?
Ja tuurlijk mag dat!!!
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 <|:-)
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:
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/
Moeilijk neen..
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..
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..
@ wes : hey dude^ you're the best >|:)
@ bart van der veen : dank je wel ik zal is kijken of ik wat kan aanpassen!!!
@ wouter : thanxs ^_*
@ bart van der veen : dank je wel ik zal is kijken of ik wat kan aanpassen!!!
@ wouter : thanxs ^_*




