Question bête. Mais je n'ai pas trouvé

Question bête. Mais je n'ai pas trouvé - HTML/CSS - Programmation

Marsh Posté le 17-10-2008 à 12:31:49    

Bonjour à tous,
 
J'ai un problème de soulignement de lien.
 
Je m'explique :
J'ai des liens qui sont constitués d'images et de texte.  
Si je met l'image et le texte dans la même balise <a>, l'image et le texte se soulignent lors du survol.
Si je met l'image et le texte dans des balises séparée (avec la meme cible bien sur) seul le texte se souligne, mais pas lors du survol de l'image.
 
Je voudrais :
Que seul le texte se souligne, mais qu'il se souligne aussi lors du survol de mon image, mais je n'arrive pas à mes fins.
 
Avez vous une idée ?
 
Voici mon code css
 

Code :
  1. a{
  2. color: #000;
  3. text-decoration: none;
  4. font-size:12px;
  5. }
  6. a:hover{
  7. text-decoration: underline;
  8. }
  9. img{
  10. border: 0;
  11. text-decoration: none;
  12. }


 
Ce que j'ai essayé :
 

Code :
  1. a:hover img{
  2. text-decoration: none;
  3. }


Mais çà ne rend pas ce que je veux.
 
Merci d'avance
 
 :jap:


---------------
http://www.mmopizza.com - http://www.mon-navigateur.com - http://www.beneyluschool.com - http://www.pixel-cookers.com
Reply

Marsh Posté le 17-10-2008 à 12:31:49   

Reply

Marsh Posté le 17-10-2008 à 14:02:48    

Salut,
 
Les solutions qui me viennent à l'esprit :
- mettre l'image en background et appliquer un padding pour ne pas cacher l'image,
- appliquer margin-bottom:-2px; à l'image pour qu'elle cache le soulignement.
 
Il en existe sûrement d'autres mais il faudrait aussi voir ce que tu veux faire exactement, si tu veux faire ça dans un menu, dans un bloc de texte, si l'image est toujours au même en droit, ...

Reply

Marsh Posté le 17-10-2008 à 16:49:57    

border-style:none?


---------------
Can't buy what I want because it's free -
Reply

Sujets relatifs:

Leave a Replay

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