Version imprimable
Bonjour,
voilà, j'utilise l'effet :hover (survol) dans ma feuille CSS pour l'utilisation d'onglets . Le problème est que cette fonction n'est pas reconnue sous IE.
J'ai vu qu'on pouvait essayé de contourner le problème en faisant des boutons mais comme mes onglets ne sont pas tous de la même taille et que les boutons ne se mettent pas automatiquement à la taille du texte....
si qq a une solution, je suis preneur
merci d'avance
En faisant des boutons?
Si tu pouvais développer car je ne vois pas trop à quoi tu fais allusion...
Avec un petit bout de code pourquoi pas pour étayer l'explication de ton problème.
La plupart du temps les problèmes de hover sont réglés avec un peu de javascript.
Précisions:
la pseudo-classe hover est reconnu par IE6 uniquement sur les liens:
Code:a:hover {...}
IE7 la reconnaît sur la plupart des éléments.
Pourquoi n'utilises-tu pas la technique des "sliding doors" pour tes onglets? Une piste à suivre sur google ;)
houla, merci de ton aide.
mais j'ai pas tout compris sur l'utilisation du hacking et des balises <span>
si qq peut m aider
sinon j'ai vu qu'on pouvait utiliser un js particulier csshover.htc utilisable dans une css pour ie dans des commentaires conditionnels :
<!--[if lte IE 6]>
<style type="text/css" media="screen">
body {behavior:url(csshover.htc);}
</style>
<! endif -->
qu'est-ce que vous en pensez ?
Je n'ai pas d'avis arrêté sur la question; cela va dépendre du contexte d'utilisation. Avec un javascript, on a toujours le risque que celui-ci soit désactivé et donc inopérationnel chez certaines personnes. Par contre ce script permet d'éviter de "polluer" ton html d'imbrications de balises span inutiles pour tous les navigateurs récents (IE6 est appelé à disparaître à terme).Citation:
Envoyé par pierre.coudert
C'est donc à faire une balance entre ce que les personnes y perdent avec le javascript désactivé et ce que tu y gagnes d'avoir un code épuré. Le jour où IE6 n'est plus utilisé qu'anegdotiquement, il sera plus vite fait de virer le commentaires conditionnels et le js sans avoir à refaire toute la structure des onglets; mais par contre, peut-être que, d'ici là, tu auras déjà refondu complètement le site ?
La troisième option est de ne pas tenir compte d'IE6, juste coder proprement et si c'est juste un effet visuel qui n'aparaît pas sur IE6, le principal reste quand même l'information transmise.
Perso je ne l'ai utilisé qu'une fois pour adaptation d'un site à une charte graphique corporate, dans le cadre d'un cms (plutôt que de retoucher le cms); ça fonctionne plutôt bien.
ouais je crois que tu as raison, je vais laisser tomber en attendant que tout le monde passe sur IE7.
merci à tous pour votre aide :D
Ce n'est pas vraiement ce que je voulais dire ou alors je me suis mal exprimée ;)Citation:
Envoyé par pierre.coudert
Un autre argument à prendre en compte est le public visé et l'image que le "dis"fonctionnement sous IE6 peut impliqué.
Par exemple, pour un site professionnel, si une personne consulte avec IE6 et que le "bug" est clairement apparent (genre la moitié de l'onglet qui passe d'une couleur et pas l'autre), elle pourra assimiler ce détail au fait que le produit/service n'est pas de qualité irréprochable => mal
Par contre si la personne qui visite avec IE6 ne s'aperçoit pas qu'il manque un effet rollover, c'est tout de suite plus acceptable.
Donc laisser tomber IE6, non, mais pas forcément vouloir que cela soit exactement pareil sur tous les navigateurs (par exemple pour ie6 tu pourrais juste avoir un effet de rollover sur le texte et pas le fond de l'onglet et la personne qui visite ne s'apercevra de rien).