28172 sujets

CSS et mise en forme, CSS3

Cherchant une solution de validation sur plusieurs navigateurs d'un effet "hover" appliqué à une image, j'ai lu attentivement: http://blog.alsacreations.com/2004/09/01/55-une-bordure-au-survol-dune-image et j'ai trouvé une solution pour Ie qui évite la non-apparition de la bordure supérieure au survol et affiche une bordure complète de l'image avec juste un petit décalage de 1px de l'image suvolée ( et bordurée) vers le bas...
# ul li a img { border: 2px solid transparent !important; border: 2px solid #e7be7b;}
# ul li a:hover img{ border: 2px solid #e7be7b !important;border: none ; }
/*border none pour ie sinon border-top est mangé...*/
#mapbg ul li a:hover{ border: 0px !important;border: 2px solid white; }/* pour ie */

si cela peut être utile à quelqu'un...et merci pour ce que j'ai pu trouvé sur votre site.
upload/16222-test.jpg