Probleme avec bouton et image de fond

Probleme avec bouton et image de fond - HTML/CSS - Programmation

Marsh Posté le 01-08-2006 à 16:18:39    

Bonjour, j'aimerai avoir un bouton qui change lorsque mon curseur passe dessus.  
 
dans ma CSS j'ai:
 
 
a:hover {
 background-image: url(images/bout2.gif) ;
}
 
 
 
et dans ma page html:
 
<a href="Présentation.html"><img src="images/inter3_06.gif" alt="" width="99" height="27" border="0"></a>
 
et ça marche pas :( les liens vers les images sont bons, et les autres styles pour a:hover genre visibility fonctionnent parfaitement....
 
merci
 

Reply

Marsh Posté le 01-08-2006 à 16:18:39   

Reply

Marsh Posté le 01-08-2006 à 16:22:13    

a:hover {
 background-image: url(images/bout2.gif) ;
display : block  
}  
 
il me semble que l'on ne peut mette un fond que sur des blocs ( à vérifier quand meme ,j'ai un doute )

Reply

Marsh Posté le 01-08-2006 à 17:18:52    

ok je vais tenter ça.
 
Merci déja pour ton aide :)

Reply

Marsh Posté le 02-08-2006 à 01:07:28    

flo850 a écrit :

il me semble que l'on ne peut mette un fond que sur des blocs ( à vérifier quand meme ,j'ai un doute )


 
On peut tout à fait mettre un fond sur un élément inline. Le problème va être la gestion de la hauteur, plus facile en passant par un style bloc et la propriété height, que jouer avec le line-height et le padding.
 
eizuko1:
 
Tu as ton lien sur une image placée dans ton html et sur le hover, tu demandes de charger une image de fond dans le lien. Il est normal que tu ne voies pas celle-ci puisqu'elle apparaît alors derrière ton image ;)
 
Tu dois mettre ta première image aussi en image de fond et appliquer justement un block à ton lien pour lui donner la taille voulue:
 

a { display:block;
     width:99px;
     height:27px;
     background-image: url(images/inter3_06.gif) ;
   }
 
a:hover { background-image: url(images/bout2.gif) ;}

Reply

Marsh Posté le 05-08-2006 à 09:17:20    

Merciiii vous assurez ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed