div link bg kleur?
ik wil idd met css werken, maar
werkt niet? terwijl
wel werkt, maar ik wil wel class='linkclass' kunnen gebruiken..
Gewijzigd op 01/01/1970 01:00:00 door Danny
Maar proberen staat natuurlijk vrij
voorbeeld jQuery
Code (php)
1
$('#divid').hover(this.css('background', '#000'), this.css('background','transparant'));
wat je ook kan doen is de link een style block opgeven met maten, dan heb je een link die je kan aanpassen met maten
Gewijzigd op 01/01/1970 01:00:00 door Michael Voeten
Danny schreef op 09.03.2009 10:36:
dan maak je er dit van:
A:hover .linkclass{
background: #ccc;
}
Tamara schreef op 09.03.2009 10:38:
Let the guru guide you. :)dan maak je er dit van:
A:hover .linkclass{
background: #ccc;
}
A:hover .linkclass{
background: #ccc;
}
Edit: Eerder is al gemeld dat dit niet in alle browsers werkt, dit klopt ook. IE 6 is stout. Gebruik eventueel javascript om dit te verbeteren of een htc.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
Mitchell schreef op 09.03.2009 10:41:
@ Mitchell
hehe, ik dacht even dat .linkclass van de div was :P
niet goed gekeken dus...
dus ik zou display block gebruiken als je de anchor een specifieke hoogte en breedte mee wilt geven
Mitchell schreef op 09.03.2009 10:41:
Edit: Eerder is al gemeld dat dit niet in alle browsers werkt, dit klopt ook. IE 6 is stout. Gebruik eventueel javascript om dit te verbeteren of een htc.
Tamara schreef op 09.03.2009 10:38:
Let the guru guide you. :)dan maak je er dit van:
A:hover .linkclass{
background: #ccc;
}
A:hover .linkclass{
background: #ccc;
}
Edit: Eerder is al gemeld dat dit niet in alle browsers werkt, dit klopt ook. IE 6 is stout. Gebruik eventueel javascript om dit te verbeteren of een htc.
Ik test het in FF en daar werkt het niet idd.. dus het beste is gewoon javascript te gebruiken?
je wilt een button maken, ?
waarom geef je niet gewoon je anchor een paar styles mee ?
MikeY schreef op 09.03.2009 10:43:
Klopt, je mag officieel niet een block in een inline element zetten, dit valideert niet. Wat hij zou kunnen doen is er een span van maken en die een display:block; geven. Of gelijk van zijn link een block maken.o trouwens het niet niet helemaal W3C om een DIV in je anchor te zetten.
dus ik zou display block gebruiken als je de anchor een specifieke hoogte en breedte mee wilt geven
dus ik zou display block gebruiken als je de anchor een specifieke hoogte en breedte mee wilt geven
Ik heb het inmiddels al opgelost hoor! dit heb ik nu gedaan:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/* CSS */
a:hover div.divclass
{
color: #ff0000;
background-color: #cccccc;
text-decoration: none;
}
<!-- HTML -->
<a href='index.html' class='linkclass'>
<div class='divclass'>
Dit is een knop
</div>
</a>
a:hover div.divclass
{
color: #ff0000;
background-color: #cccccc;
text-decoration: none;
}
<!-- HTML -->
<a href='index.html' class='linkclass'>
<div class='divclass'>
Dit is een knop
</div>
</a>
werkt zowel in FF als in IE :)
dat is totaal niet w3c
maar werkt het ook in ie6 ?
MikeY schreef op 09.03.2009 11:04:
Achja, als we zouden kijken welke "grote" websites wel allemaal niet valideren, kregen we een lang was lijstje.waarom heb je die div er instaan ?
dat is totaal niet w3c
maar werkt het ook in ie6 ?
dat is totaal niet w3c
maar werkt het ook in ie6 ?
Het lijkt me niet dat het werkt in IE6, maar achja.. Who cares?
haha 30% van de bezoekers ?
MikeY schreef op 09.03.2009 11:22:
Des te langer dat wij het blijven ondersteunen, des te langer blijft het bestaan. Ik vind persoonlijk dat de gebruiker gedwongen moet worden om naar een nieuwere browser over te stappen en anders krijgt de gebruiker de webpagina gewoon niet goed te zien. Eigen schuld, dikke bult. :)haha 30% van de bezoekers ?
Edit: Ik geloof trouwens niet dat IE6 nog 30% van marktwaarde heeft, misschien net iets boven 10%.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
http://fronteers.nl/_tmp/ie6-upgrade/
hier is wel jQuery voor nodig
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<!--[if lte IE 6]>
<iframe id="ie6info" src="http://fronteers.nl/_tmp/ie6-upgrade/" frameborder="no" style="height: 81px; width: 100%; border: none; position:absolute; z-index: 99999; overflow: none;" scrolling="no"></iframe>
<script type="text/javascript">
$(document).ready(function(){
window.setTimeout(function(){
$('#ie6info').slideUp('slow',function(){$('#ie6info').remove()});
},8000);
});
</script>
<![endif]-->
<iframe id="ie6info" src="http://fronteers.nl/_tmp/ie6-upgrade/" frameborder="no" style="height: 81px; width: 100%; border: none; position:absolute; z-index: 99999; overflow: none;" scrolling="no"></iframe>
<script type="text/javascript">
$(document).ready(function(){
window.setTimeout(function(){
$('#ie6info').slideUp('slow',function(){$('#ie6info').remove()});
},8000);
});
</script>
<![endif]-->
Die hover is toch maar een klein grafisch detail. Of je nu IE6 of 7 of Firefox gebruikt de werking blijft hetzelfde.
Zo'n zelfde soort script heb ik pas geleden ook geschreven, maar bij die van mij werd de rest van de pagina "onklikbaar" en zwart met een opacity. :)
nee onze doelgroep gaat tussen de 100.000 tot 500.000 bezoekers per dag
en 30% daarvan gebruik nog steeds ie6
iemand met SQL kennis kijken even naar mijn vraag
http://www.phphulp.nl/forum/showtopic.php?cat=12&id=61987&lasttopic=1