Tous d'abord merci d'avoir répondu. J'ai refait le codage et cette fois ci ça apparait mais pas comme je le veux.
Dans mon code html je met ça::
<!-- Les menus -->
<div id="menu">
<div class="element_menu">
<h3>Titre menu</h3>
<ul><li><a href="page1.html">Lien</a></li></br>
<li><a href="page2.html">Lien</a></li></br>
<li><a href="page3.html">Lien</a></li></br>
<li><a href="page4.html">Lien</a></li></br>
<li><a href="page5.html">Lien</a></li></br>
<li><a href="page6.html">Lien</a></li></br>
</ul></div><div class="element_menu">
<h3>Titre menu</h3><ul>
<li><a href="page7.html">Lien</a></li></br>
<li><a href="page8.html">Lien</a></li></br>
<li><a href="page9.html">Lien</a></li></br>
<li><a href="page10.html">Lien</a></li></br>
<li><a href="page11.html">Lien</a></li></br>
<li><a href="page12.html">Lien</a></li></br>
</ul></div></div>
Et dans mon css j'ai mit ça:
#en_tete
{
width: 760px;
height: 100px;
background-repeat: no-repeat;
margin-bottom: -50px;
}
#menu
{
float: left;
width: 120px;
margin-left: 20px;
}
.element_menu
{
background-color: #ffffff;
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px;
}
.element_menu h3
{
color: #000000;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul
{
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}
.element_menu a
{
color: #000000;
}
.element_menu a:hover
{
background-color: #000000;
color: white;
}
source: SDZ.
Mais j'aimerai afficher une image en fond aulieu de ce blanc. comment faire ?
Merci. Genre mettre un fond d'écran gris comme on vois sur des sites .