le Hover fonctionne à moitié

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : le Hover fonctionne à moitié

francoisch1

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

Publicité

francoisch1

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

francoisch1

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

Paulp

~, sweet ~

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*/
}

francoisch1

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

Paulp

~, sweet ~

francoisch1 a écrit :

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

mais là, je ne vois pas ...

francoisch1

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

F

francoisch1

bonjour

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

Merci encore de votre aide.

Francois

FORUM HardWare.fr

Programmation

HTML/CSS

le Hover fonctionne à moitié

Sujets relatifs
[RESOLU] [D7] AllocMem ne fonctionne plus !	problème de menu(balise a:hover)
Encoded URLs : %20 fonctionne mais pas les autres ..	Affichage a: hover img
lien hypertext vers un fichier sur un serveur qui ne fonctionne pas	a.hover ok sur IE mais pas Opera/FF
[PHP] Après update serveur. Script de log ne fonctionne plus	Savoir si un #include a fonctionné
onLoad ne fonctionne que dans l'éditeur flash!?	ma fonction ne fonctionne pas
Plus de sujets relatifs à : le Hover fonctionne à moitié

Page générée en 0.049 secondes