le Hover fonctionne à moitié

Marsh Posté le 12-05-2008 à 22:15:02

Bonjour

Dans ma CSS :

Code :

body { behavior: url(csshover.htc); ...}
...
#main button:hover { background: rose; text-decoration: underline overline; }

Dans mes pages concernées :

Code :

Dans la page Index, dans le Div main:
<button type="button" onclick="java script:affichetemporel ()" id="bouton44bleu1bleu2">repère<br>Temporel</button>
Dans une autre page, dans le Div main :
<button type="button" onclick="martinot ()" id="bouton_ind_bleu1bleu2"> Martinot </button>

Dans la page index : le Hover fonctionne = le bouton survolé devient rose et le texte est souligné / surligné

Dans l’autre page : le Hover ne fonctionne pas

Comme cette page est dans un sous-répertoire, j’y ai copié csshover.htc qui est naturellement présent également dans le répertoire racine.

Quelqu’un aurait une idée de la raison pour laquelle le Hover fonctionne à moitié ?

Je suis en WinXP SP2, IE7.

Par avance merci de votre aide.

Francois

Reply

Marsh Posté le 12-05-2008 à 22:15:02

Reply

Marsh Posté le 13-05-2008 à 11:56:08

bonjour

Une précision: ma deuxième page, sur laquelle le Hover ne fonctionne pas, est dans un sous-répertoire.

Pour faire un test, j'ai copié cette page dans la racine pour que:
- elle soit dans le même répertoire que Index
- elle soit aussi dans le même répertoire que la CSS et ccshover.htc

Résultat: le Hover ne fonctionne toujours pas.

Merci de vos suggestions pour debugger ce sujet déliact.

Francois

Reply

Marsh Posté le 14-05-2008 à 12:18:57

bonjour

Une autre précision: dans la deuxième page:
- le Hover ne fonctionne pas (= le bouton ne devient pas rose et ...) avec des boutons comme celui-ci:

Code :

<button type="button" onclick="javascript:afficheweb ()" id="bouton_fam_vert1vert2"> le Web </button>

- le Hover fonctionne avec des A REF

Quelqu'un a t il une idée?

Par avance merci de votre aide.

Francois

Message cité 1 fois

Reply

Marsh Posté le 14-05-2008 à 14:32:43

francoisch1 a écrit :

bonjour

Une autre précision: dans la deuxième page:
- le Hover ne fonctionne pas (= le bouton ne devient pas rose et ...) avec des boutons comme celui-ci:

Code :

<button type="button" onclick="javascript:afficheweb ()" id="bouton_fam_vert1vert2"> le Web </button>

- le Hover fonctionne avec des A REF

Quelqu'un a t il une idée?

Par avance merci de votre aide.

Francois

Sous IE, hover ne marche que sur les liens il me semble

Tu peux faire

Code :

<button onclick="..." onmousever="this.className='button hover';" onmouseout="this.className='button';" id="...">

et dans le CSS

Code :

button{
/*bouton normal*/
}
button.hover{
/*bouton rose*/
}

Reply

Marsh Posté le 14-05-2008 à 14:46:35

bonjour Paulp et merci de ton message.

Oui, tu me donnes là une excellente idée que je vais utiliser immédiatement.

Sinon, pour Hover sur un bouton, le fonctionnement avec IE parait au minimum aléatoire puisque, dans mon exemple, ça marche sur une page mais pas sur l'autre.

Merci encore de ta solution.

Francois

Message cité 1 fois

Reply

Marsh Posté le 14-05-2008 à 15:02:29

francoisch1 a écrit :

bonjour Paulp et merci de ton message.

Oui, tu me donnes là une excellente idée que je vais utiliser immédiatement.

Sinon, pour Hover sur un bouton, le fonctionnement avec IE parait au minimum aléatoire puisque, dans mon exemple, ça marche sur une page mais pas sur l'autre.

Merci encore de ta solution.

Francois

Ah bah si ca marche sur une page, c'est que l'erreur est ailleurs ...

mais là, je ne vois pas ...

Reply

Marsh Posté le 14-05-2008 à 15:14:39

Oui, je ne suis pas sûr que le fonctionnement de Hover avec IE soit impeccable.

F

Reply

Marsh Posté le 16-05-2008 à 12:51:30

bonjour

J'ai trouvé l'erreur: j'utilisais un vieux Doctype dans la page en erreur.

Merci encore de votre aide.

Francois

Reply

le Hover fonctionne à moitié

Sujets relatifs:

Leave a Replay