Hover fonctionne à moitié

[francoisch]

Bonjour

Dans ma CSS :

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

Dans mes pages concernées :

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 lautre page : le Hover ne fonctionne pas

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

Quelquun 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

[Dadou]

je ne vois pas l'intérêt de passer par un bouton qui ne gère pas en natif dans IE la pseudo classe hover, et donc de passer par un artifice.

Si tu utilisais un lien tout bêtement

[Ifmy]

Un lien vers la page serait mieux mais mis à part. Le behavior est sur le body or il me semble qu'il devrait être sur button mais tout dépend de son contenu

ensuite :

onclick="java script:affichetemporel ()" onclick="affichetemporel();"

onclick="martinot ()" onclick="martinot();"

et j'ai un doute sur le <br> au sein d'un button mais bon rien avoir avec votre problème en soit

sans commentaire sur les identifiants lol

je ne vois pas l'intérêt de passer par un bouton qui ne gère pas en natif dans IE la pseudo classe hover, et donc de passer par un artifice.

Si tu utilisais un lien tout bêtement

+1

[francoisch]

bonjour et merci de vos réponses.

J'ai fait le ménage, supprimant les Javascript en trop et ajoutant les ; qui manquaient.

J'utilise des boutons précisement pour pouvoir écrire dedans sur 2+ lignes, en y mettant un / des <br>.

Je n'ai pas trouvé le moyen de faire ça avec un lien.

Sinon, ma question demeure: pourquoi ça marche dans une page et pas dans l'autre?

Merci de votre aide.

Francois

[Ifmy]

C'est possible d'avoir les liens vers les pages ? ou un exemple si on doit pas voir le site

ca peux être dut à plein de choses.

[francoisch]

Oui, naturellement:

- la page Index, dans laquelle le Hover fonctionne:

clic ici

- la page martinot, dans laquelle le Hover ne fonctionne pas:

accessible par un clic sur le bouton Martinot

Bonne recherche et merci de votre aide.

Francois

[Ifmy]

Mon dieuc 'est pas jolie jolie tout ça enfin

Erreur n°1 :

function bleuze ()
	{
	bleuze=window.open('compteur0.php?page=bleuze/bleuze.php','indexView02','channelmode=yes,scrollbars=yes';)
	}

function bleuze ()
	{
	bleuze=window.open('compteur0.php?page=bleuze/bleuze.php','indexView02','channelmode=yes,scrollbars=yes');
	}

Erreur n°2 :

<!-- affichages automatiques --> 
<script language="JavaScript" type="text/javascript">
if (0 == 1)  { afficheveille () }
if (0 == 1)  { afficherep () }
if (0 == 1)  { affichecah () }
if ( == 1)  { affichecarnet () }
if (( == 1) && ( 2 > 0))  { affichecommun () }
</script>

Qu'est ce qui est strictement égale à 1 oO

C'est pas fini Sinon je vois bien les rollhover sur les bouton web tv etc ... de Martinot

Modifié 12 Mai 2008 par Ifmy

[francoisch]

bonjour Ifmy et merci de tes remarques.

J'ai corrigé Bleuze qui m'avait échappé; pour les conditions (0 == 1), tu auras compris que ce sont des aiguillages dépendant de paramètres.

Tu as aussi remarqué que je suis un développeur "alimentaire" dans le sens où j'essaie de me reservir de morceaux de code trouvés sur le Web.

Quand tu dis que tu vois bien les rollover sur les boutons Martinot, tu veux dire quoi? Si tu as trouvé une bonne idée de correction, je suis preneur.

Merci encore de ton aide.

Francois

[francoisch]

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

[francoisch]

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:

<button type="button" onclick="java script: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

[Ifmy]

onclick= est déjà un événement javascript donc pas besoin de lui préciser

[francoisch]

bonjour

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

Merci encore de votre aide.

Francois