[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;
}
A voir également:
- [xHTML/CSS]menu
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
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
Désolé, j'y vais par tâtonnements, j'avoue ne pas trop maîtriser certains comportements d'emboîtement de blocs...
As-tu une extension du genre de Firebug pour Firefox ? Ça permet de bien comprendre ce qu'il se passe... Je te conseille de voir avec ça.
Par contre j'ai voulu faire la même chose pour les li mais ça ne le fait pas .. ça prend juste la taille du texte ( accueil,filmographie etc)