Bonjour à tous,

je sais pas si le titre de mon sujet est clair, mais pour mieux comprendre j'ai un lien qui se trouve dans un div de 160px le mot qui sert de lien est livre est quand je le survole seul le mot est surligné!!

est-il possible de faire ce surlignage sur toute la surface du div?
est-ce mon code qui n'est pas bon?

#menu_h{  float: left;
            text-align: center;
            text-decoration:none;
            width: 16.7%;
            height: 15px;
            width: 160px;}
            
  #menu_h a:link { text-decoration:none;
                   color:#FFFFFF; }         
  
  #menu_h a:visited { text-decoration:none;
                      color:#FFFFFF;}
                      
  #menu_h a:hover { background-color: #FFFFFF;
                    color: #000000;
                    text-decoration:none;}


D'avance merci.
Modifié par arno1977 (30 May 2006 - 16:10)
Salut Arno1977,

Ceci est le comportement normalement d'un élément inline, ce qui est le cas de la balise<a>...</a>.

Pour changer ce comportement, transforme-là en un bloc.
Ceci devrait régler ton problème car à l'inverse des éléments en ligne, les élements blocs occupent toute la place en largeur du conteneur dans lequel ils se trouvent.
#menu_h a{ display: block;}
Smiley cligne
en fait je viens de resoudre mon probleme differemment, j'ai modifier le css ca donne ca maintenant

  #menu_h{  float: left;
            text-align: center;
            text-decoration:none;
            height: 15px;
            width: 155px;}
            
  #menu_h a:link { text-decoration:none;
                   color:#FFFFFF; }         
  
  #menu_h a:visited { text-decoration:none;
                      color:#FFFFFF;}
                      
  #menu_h a:hover { background-color: #FFFFFF;
                    float: left;    
                    color: #000000;
                    width: 155px;
                    text-decoration:none;}


mais merci je note l'info on sait jamais