[RÉSOLU] Menu horizontal extensible

Bonjour,

Je voudrais réaliser un menu qui s'agrandisse en même temps que je rajoute des onglets. Le problème est qu'il reste fixe.

Voila le code du menu que j'ai gardé tel quel il me semble :
<div id="menu">
		<ul>
			<?php $plxShow->staticList('Accueil','<li id="#static_id"><a href="#static_url" class="#static_status" title="#static_name">#static_name</a></li>'); ?>
		</ul>
		<div class="clearer"></div>
	</div>
et le code css :
#menu {
	margin : 0 0 0 250px;
	height : 40px;
	font-weight: bold;
	font-size:14px;
	background: url(img/fond2.png) repeat;
	width : auto;
}
#menu ul {
    margin: 0;
    text-align: center; //set value to "left", "center", or "right"*/	
}
#menu li {
	float : left;
	margin-right: 15px; /*spacing between each menu link*/
	padding : 3px 0 0 0;
	display: inline;
}
#menu li a {
	color :  #02547A;
	padding : 0 0 5px 0;
    margin-right: 20px; /*spacing between each menu link*/
	text-decoration : none;
	font-size : 0.9em;
	letter-spacing : 2px;
	border-bottom: 3px solid #02547A; /*bottom border is 3px*/
}
#menu li a:hover {
	color: #B70000;
    margin-right: 20px; /*spacing between each menu link*/
    text-decoration: none;
    border-bottom: 3px solid #B70000; /*bottom border is 3px*/
}
#menu li a.active {
    color: #012B3F;
    margin-right: 20px; /*spacing between each menu link*/
    text-decoration: none;
    border-bottom-color: black;
}
Le width:auto ne marche pas, je suis un peu perdu là.

Merci d'avance

Wiksa

Réponses

Connectez-vous ou Inscrivez-vous pour répondre.