Graphys
20 févr. 2008 à 15:42
En fait, malgré tout le siphonage de cervelle parmi les réponses, il peut être utilse d'aborder le fait est que lorsque l'on utilise :
<a onClick="monaction()">LIEN</a>
...au lieu de :
<a href="#" onClick="monaction()">LIEN</a>
Internet Explorer (tout comme Firefox d'ailleurs) ne prendra pas en compte vos styles CSS pour l'évènement HOVER. Or certaines personnes (dont je fais partie) trouvent très moche ce # qui s'imicie et qui ne sert à rien sinon.
Donc, si c'est primordial pour vous, il suffit de créer l'évènement HOVER vous même (à condition que vos visiteurs utilisent Javascript). Cela alourdira votre code mais si c'est vraiment ce que vous voulez ça donnera :
<div id="lien" onClick="monaction()" onMouseOver="mafonctionhover()" onMouseOut="mafonctionout()" class="monstyle">LIEN</div>
...avec comme styles :
.monstyle{
color=#FF0000;
}
.monstyle_survol{
color=#0000FF;
}
...et comme code javascript :
function mafonctionhover() {
var lien = document.getElementById('lien');
lien.setAttribute("class","monstyle_survol"); // Firefox
lien.setAttribute("className","monstyle_survol"); // Internet Explorer
}
function mafonctionout() {
var lien = document.getElementById('lien');
lien.setAttribute("class","monstyle"); // Firefox
lien.setAttribute("className","monstyle"); // Internet Explorer
}
Bref, vous l'aurez compris : c'est sans doute plus simple d'utiliser href=#
mais c'est moche, c'est sûr ;-)
Les parades pour contrer les lacunes d'IE, je les connais quasiment toutes.
Je suppose que tu connais aussi toutes les lacunes d'IE?!
non je parle de celui qui est au niveau de mysql par exemple cher free c'est tout le TD qui change de couleur au passage de la souri
En effet. Cependant pas avec cette syntaxe
<a href="#"><tr><td>...</td><td>...</td></tr></a>
mais avec celle-ci
<tr><td><a href="#">...</a></td><td>...</td></tr>
Voilà depuis Free la partie dont tu parles (je suppose, si je me trompe dit le)
Ils utilisent une classe (donc de CSS à priori et pas de js)
lami20j
Je vais pas dire toutes, on sait jamais que y'en a quelques-unes que je ne connaissent pas :D, et ce serait un peu prétentieux..., mais disons les principales, et surtout les plus gênantes, hover, png, bordure, sélecteurs, positionnement fixe, min-height(et les autres), focus, etc..
Pour les principales(j'en oubli certainement).
mais avec celle-ci
<tr><td><a href="#">...</a></td><td>...</td></tr>
Oui, mais le hover ne s'applique qu'à une seule cellule, et pas sur une ligne entière, ça n'a pas trop d'intérêt de faire un hover sur une cellule seule.
Voilà depuis Free la partie dont tu parles (je suppose, si je me trompe dit le)
Non, ce n'est pas cette partie là, mais ce n'est pas propre à free, mais à phpmyadmin.
Une ligne du tableau :
D'ailleurs avec le js désactivé, le rollover ne fonctionne plus même sur ff.
;)
http://css.mammouthland.net/rollover-pseudo-classe-css-hover.php