Sujet Précédent Sujet Suivant

Problème d'affichaque

kilik2049 -  
amjahed Messages postés 350 Statut Membre -
Bonjour à tous.
Voilà mon problème.
Je programme un site (rien de bien problématique jusque là ^^)
J'ai donc fait un menu horizontal censé prendre toute la largeur de mon écran.
Mais quand je regarde sur un autre écran, le menu es trop grand et passe sur deux lignes --"
Comment faire pour que le menu s'adapte à la taille de l'écran du visiteur?
Voilà le code xhtml

<body>

<div id="menu">
<ul>
<li>
<a href="index.php">Accueil</a>
</li>

<li>
<a href="galerie.php">Galerie</a>
<ul>
<li><a href="auto.php">Automobile</a></li>
<li><a href="decors.php">Décors</a></li>
<li><a href="funebre.php">Pack de cartes</a></li>
</ul>
</li>

<li>
<a href="bio.php">Présentation</a>
</li>

<li>
<a href="lien.php">Liens</a>
</li>

<li>
<a href="contact.php">Contacts</a>
</li>

<li>
<a href="livreor.php">Livre D'or</a>
</li>

</ul>
</div>

<br />

</body>

et le css

/* design menu */

#menu
{
height:50px;
}

#menu ul
{
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}

#menu li
{
float:left;
padding:0;
background-color:black;
}

#menu li a
{
display:block;
width:220px;
height:25px;
color:white;
text-decoration:none;
padding:5px;
}

#menu li a:hover
{
color:#FFD700;
}

#menu ul li ul
{
display:none;
border-style:dotted;
border-color:silver;
}

#menu ul li:hover ul
{
display:block;
}

1 réponse

Réponse 1 / 1
amjahed Messages postés 350 Statut Membre 123
 
#menu
{
height:50px;
width:95%;//<<<===
}

En relation :
http://browsershots.org/
https://www.grandsprixdelaccelerationdigitale.com/
0