[xHTML/CSS]menu
naruto-94
Messages postés
904
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
Hello,
J'ai un petit soucis en CSS , je voudrais faire un menu horizontal , donc j'ai fais une div menu en utilisant une liste à puce pour structuré et en mettant la priorité display:inline pour que ce soit horizontal , mais je voudrais que le bloc ul (en red) prenne la hauteur défini de la div menu mais je n'y arrive pas .
Merci d'avance .
[HTML]
<div id="menu">
<ul>
<li><a href="?art=0">Accueil</a></li>
<li><a href="?art=1">Filmographie</a></li>
<li><a href="?art=2">Photos</a></li>
<li><a href="?art=3">Videos</a></li>
<li><a href="?art=4">Contact</a></li>
</ul>
</div>
[CSS]
div#menu
{
width:726px;
height:47px;
border:1px black solid;
margin-left:279px;
background-color:#373737;
color:white;
font-size:22px;
}
div#menu ul
{
list-style-type : none;
background-color:red;
}
div#menu li ,a
{
display : inline;
text-decoration:none;
background-color:black;
padding : 0 0.5em;
}
J'ai un petit soucis en CSS , je voudrais faire un menu horizontal , donc j'ai fais une div menu en utilisant une liste à puce pour structuré et en mettant la priorité display:inline pour que ce soit horizontal , mais je voudrais que le bloc ul (en red) prenne la hauteur défini de la div menu mais je n'y arrive pas .
Merci d'avance .
[HTML]
<div id="menu">
<ul>
<li><a href="?art=0">Accueil</a></li>
<li><a href="?art=1">Filmographie</a></li>
<li><a href="?art=2">Photos</a></li>
<li><a href="?art=3">Videos</a></li>
<li><a href="?art=4">Contact</a></li>
</ul>
</div>
[CSS]
div#menu
{
width:726px;
height:47px;
border:1px black solid;
margin-left:279px;
background-color:#373737;
color:white;
font-size:22px;
}
div#menu ul
{
list-style-type : none;
background-color:red;
}
div#menu li ,a
{
display : inline;
text-decoration:none;
background-color:black;
padding : 0 0.5em;
}
1 réponse
-
Bonjour,
As-tu essayé ceci ?div#menu ul { list-style-type : none; background-color:red; height: 100%; }
Xavier-
Ah oui j'ai oublié de précisé , en faisant ça et bien le bloc ul prend la bonne taille mais une partie du bloc sort (la taille qu'il fallait pour qu'elle soit égale au menu) de la div menu
en faite c'est parceque le bloc ul ce place au niveau du texte (li) qui est situé au milieu de la div menu mais je ne sais pas comment y remedier
merci de ta réponse -
-
-
-
-
