28173 sujets

CSS et mise en forme, CSS3

Hello !
J'ai adapté ce tuto:
http://css.alsacreations.com/Tutoriels-et-articles-divers/Afficher-Masquer-des-calques-sans-javascript
pour faire apparaître des images au survol d'un lien.
Mais visiblement ça ne fonctionne pas sous IE6...
Le CSS
.photo_cm span
{
display: none;
}
a.photo_cm:hover span
{
border: 1px solid black;
padding: 2px;
background-color: white;
position: absolute;
display: inline;
margin-top: -90px;
margin-left: -70px;
}

Le HTML
<a class="photo_cm">Toto<span><img src="images/trombinoscope/toto.jpg" alt="Toto" width="65" height="85" /></span></a>


Si vous aviez une idée... Je cale.

Solution
Mettre impérativement un href dans la balise a.
Modifié par BruceFeuillette (08 Nov 2006 - 09:16)
Salut !

Il me semble que tu as oublié la ligne qui corrige le bug IE : Smiley rolleyes
[#red]a.photo_cm {
background: none; /* correction d'un bug IE */
}[/#]

a.photo_cm span {
display: none;
}

a.photo_cm:hover span {
border: 1px solid black;
padding: 2px;
background-color: white;
position: absolute;
display: inline;
margin-top: -90px;
margin-left: -70px;
}

Smiley cligne
roooooooooooooo !
La honte ! Smiley eek
Merci, je teste ça dans 15-20 minutes au boulot.
Je devrais faire des pauses des fois Smiley smile

Edit: ça ne fonctionne toujours pas...
Visiblement IE ne comprend pas le a.photo_cm:hover.
J'ai essayé de lui affecter un comportement simple comme un text-decoration, il n'y a eu aucune réaction.

Je ne sais pas si le sujet est au bon endroit d'ailleurs, j'avais zappé le salon réservé aux tutos Smiley confused Smiley confused

EDIT Final:
Bon, c'est résolu...
Pour que le tout fonctionne, il faut impérativement que la balise a contienne un href.
Modifié par BruceFeuillette (08 Nov 2006 - 09:15)