Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1270 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme avec bouton et image de fond

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme avec bouton et image de fond

n°1417574
eizuko1
Posté le 01-08-2006 à 16:18:39  profilanswer
 

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
 

mood
Publicité
Posté le 01-08-2006 à 16:18:39  profilanswer
 

n°1417581
flo850
moi je
Posté le 01-08-2006 à 16:22:13  profilanswer
 

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 )

n°1417613
eizuko1
Posté le 01-08-2006 à 17:18:52  profilanswer
 

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

n°1417848
Pitsy
Posté le 02-08-2006 à 01:07:28  profilanswer
 

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) ;}

n°1420284
eizuko1
Posté le 05-08-2006 à 09:17:20  profilanswer
 

Merciiii vous assurez ;)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme avec bouton et image de fond

 

Sujets relatifs
probléme d'imagesProblème MVC <-> Hibernate
Transformer une matrice à une imageProbleme de Memoire
Probleme pour me connecter a mysql sur reseauProblème de timestamp et mktime
Image a l'ecran[EJB3][Easybeans] Problème déploiement Statefulbean
probleme avec mes balises php [ réglé ]probleme de class
Plus de sujets relatifs à : Probleme avec bouton et image de fond


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR