Partage
  • Partager sur Facebook
  • Partager sur Twitter

hover sur les menus

8 mars 2006 à 22:10:53

bonjour, j'ai mis un hover au menu donc tous les liens lorsque j'ai le pointeur dessus il le met couleur avec un fond.

mon problème est que je voudrai que ce fond prenne toute la largeur.
désolé si le même problème a déja été posé car j'ai regarder de nombreux post malheureusement je n'y est pas trouvé mon bonheur.

voici mon code css:

#menu
{
border: thick double RGB(0,128,159);
padding-right: 10px;
background-image: url('menu6.png');
float: left;
padding-top: 15px;
width: 130px;
margin-right: 10px;
background-attachment: scroll;
background-repeat: repeat-y;
color: RGB(40,40,93);
margin-left: 10px;
}



body
{
background-image: url("fond00.png");
background-repeat: auto;
width: 1024px;
height: 1024px;

}


ul
{
list-style-type: square;
}

.element_menu a:hover
{
background-color: RGB(0,128,255);
color: white;
}



#corps
{
padding:20px; color: RGB(40,40,93);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
border: thick double RGB(0,128,159);
background-color: RGB(250,145,39);
height: 750px;
width: 380px;
text-align: center

}



a
{
text-decoration: none;
color: rgb(40,40,93);
}

a:visited
{
text-decoration: none;
}

#pied_de_page
{
text-align: center;
}

#partenariat
{
border: thick double RGB(0,128,159);

background-image: url('menu.png');
float: right;
padding-top: 15px;
width: 160px;
background-attachment: scroll;
background-repeat: repeat-y;
margin-left: 10px;
color: RGB(40,40,93);
margin-right: 10px;
height: 435px;


}



#en_tete2
{
width: 790px;

background-color: RGB(233,231,228);
background-repeat: no-repeat;
height: 220px;
margin-left: 25px;

margin-right: 10px;
margin-top: 5px;
}

#lebody
{
border: thick ridge RGB(0,128,192);
width: 850px;
height: 100%;
background-color: RGB(233,231,228);

margin-left: 80px;
margin-right: 10px;
background-repeat: auto;

}

#footer
{
border: thick double RGB(0,128,159);
width: 700px;
height: 100px;
margin-left: 65px;
margin-right: 45px;
margin-bottom: 10px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
background-image: url('footer-background.png');
color: RGB(40,40,93);
}



#formulaire
{
margin-left: 10px;
}

#formulaire1
{
margin-left: 35px;
}

#XX
{
margin-left: 6px;
}

#XX a:hover
{
background-color: RGB(0,128,255);

}
  • Partager sur Facebook
  • Partager sur Twitter
8 mars 2006 à 22:26:53

Salut,

a{display: block}
  • Partager sur Facebook
  • Partager sur Twitter
11 mars 2006 à 17:48:14

merci, par contre il saute une ligne apres chaque lien.
et j'ai remarqué que c'était à cause du code

a
{
display: block;
}

comment résoudre sa?
  • Partager sur Facebook
  • Partager sur Twitter

hover sur les menus

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown