28173 sujets

CSS et mise en forme, CSS3

Différence entre les navigateurs

Bonjour,

Voilà le lien incriminé :
http://www.ustirgouvieux.com/index.php?page=40
[/url]

Vous constarez sous Opéra et Firefox que lorsque vous passez la souris sur la petite image, hop l'image s'agrandit (roll over je crois...) et bin sous IE rien.

J'ai honteusement utilisé un script trouvé sur Alsa Smiley smile

voilà le css :

[#green]a.image { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 266px; /* largeur de l'image réactive */
     height: 410px; /* hauteur de l'image réactive */
     background-image: url(../Photos/Ecole_de_tir/tn_AgeEDT2.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../Photos/Ecole_de_tir/AgeEDT2.jpg); /* source de l'image d'arrivée */
     background-repeat: no-repeat;
	 }


le html 
[#green]
<link rel='stylesheet' href='css/ecole_de_tir.css' type='text/css'>
<style type="text/css">@import url(css/centre.css);</style>
<style type="text/css">@import url(css/roll_over.css);</style>


<div id="centre">
<!-- insertion message bienvenue-->
<h1>
	Ecole de Tir<br> de l'US Tir de Gouvieux
</h1>
<!-- Fin insertion message bienvenue -->

<h2>
	Pour tous les âges et toutes les tailles 
</h2>
	<div class='imagetaille'>
		<a class='image'></a>
	</div>


Une explication ?

D'avance merci
Bonne journée
Jean-Michel
<style type="text/css">@import url(css/centre.css);</style>
<style type="text/css">@import url(css/roll_over.css);</style>

Tiens, c'est possible ça ?
Il ne faudrait pas plutôt écrire :
<style type="text/css">
	@import url(css/centre.css);
	@import url(css/roll_over.css);
</style>

?

Essaie également en plaçant un espace insécable (&nbsp;) comme texte de ton lien. Il me semble que parfois IE n'aime pas les balises "vides".
a écrit :

<style type="text/css">@import url(css/centre.css);</style>
<style type="text/css">@import url(css/roll_over.css);</style>

Tiens, c'est possible ça ?



Oui c'est possible mais c'est pas propre Smiley biggrin
Donc à corriger sur plein de mes scripts.

Hélas l'espace insécable ne corrige pas le bug

Merci
Jean-Michel
Sujet clos
Aller à