[RÉSOLU] Menu horizontal extensible

Wiksa

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

super_g2

je n'ai pas tout lu, mais il semble que le souci vienne du conteneur.
regarde ce lien : http://forum.alsacreations.com/topic-4-28562-1-Inclusion-de-boite-en-widthauto.html

à voir s'il s'agit bien de ce problème, missa connait pas tout mais missa essaye
tissa content? ^^

Stéphane

attention aux commentaires dans les css

//set value to "left", "center", or "right"*/

je ne sais pas si ça marche quand ça commence par //

super_g2

commentaire en CSS :

/**
code commenté
**/

au moins, tu es sûr de le commenter

lesurfeur

Les // c'est juste pour commenter une ligne en css et les /* */ pour un bloc