Discussion :

[pierre.coudert]

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

[MasterOfChakhaL]

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.

[pierre.coudert]

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

[pierre.coudert]

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 ?

[Candygirl]

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).

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.

[pierre.coudert]

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

[Peut-êtreUneRéponse]

Précisions:

la pseudo-classe hover est reconnu par IE6 uniquement sur les liens:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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