28173 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un bug d'affichage des contours (ils ne s'affichent qu'en haut) d'une image quand je la survol seulement quand elle est flottante:


.nouv a img {
float:left; 
margin-right: 12px; 
border: 1px solid #fff
}
.nouv a:hover img
{border: 1px solid #3C3C64}



Queslqu'un connait-il ce bug? Y a-t-il un moyen de le contourner?
Modifié par Hermann (02 Feb 2006 - 19:32)
Bon allez, à moi de poster dans ton topic Smiley langue
Essaye :
.nouv a {
display:block;
width:taille de ton image;
height:pareil;
}

.nouv a:hover img
{
border: 1px solid #3C3C64
}
Ok merci pour cette inginieuse idée qui aurait due marcher mais non!
le display:block fais passer le texte a droite de l'image flottante en bas!
Super c'est résolu,
En fait il suffisait s'appliquer aussi un float:left au lien! D'autant plus que tout élément flottant a son display en block:


.nouv a.thumb {float:left;}
.nouv a.thumb img {margin-right: 12px; border: 1px solid #fff}
.nouv a.thumb:hover img {border: 1px solid #3C3C64}


Bye
Modifié par Hermann (02 Feb 2006 - 20:47)