Aide sur un menu :/

Bonjour voila j ai un menu de hauteur que je voudrais fixe 18px mais le probleme c'est quand on se connecte ca dit bonjour prenom+nom et si le nom est trop grand ca agrandit mon menu au lieu d allez en largeur help me plz

<div id="menu" width="960">
  <dl> 
    <dt><a href="index.php"><? echo HOME   ?>  </a></dt>
  </dl>
  <dl>
    <dt><a href="garanties.php"><? echo "Service Clients"  ; ?></a></dt>
  </dl>	
 <?
  if (est_identifie()) {

			echo "<dl>
				<dt>
					<a href=\"$wwwroot/sortie.php\">".DECONNECT."</a>
				</dt>
			</dl>";
			
				echo "<dl>
			<dt><a href=>".HELLO."&nbsp;".stripslashes($_SESSION['utilisateur']['prenom']) . " " . stripslashes($_SESSION['utilisateur']['nom_famille'])."</a>
			</dt><
				</dl>";


		

		} else {

		

			

			echo "<dl>
			<dt>
				<a href=\"$wwwroot/utilisateurs/enregistrement.php\">".REGISTER."</a>
			</dt>
				 </dl>";
			echo "<dl>
			<dt>
				<a href=\"$wwwroot/membre.php\">".LOGIN."</a>
			</dt>
				</dl>";
		 }
		?>
</div>

et mon css :

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 96px;
left:30px;
width: 955px;
border:solid;
border-width:2px;
border-bottom:none;
border-color:#FF0000;
background:#FFFFFF;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}

#menu dt a {
color:#009933;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background:#ffffff;
}

a {text-decoration: none;
color: black;
color: #222;
}

voila si une ame charitable veux bien m aider plz en fait je souhaite que mon menu soit de largeur fixe mais que le dernier bouton s agrandisse

une image du truc que ca fait :
[IMG]http://img241.imageshack.us/img241/8180/testxb8.jpg[/IMG]
Modifié par fuji (15 Feb 2007 - 11:52)

Salut,

a écrit :
Bonjour voila j ai un menu de hauteur que je voudrais fixe 18px mais le probleme c'est quand on se connecte ca dit bonjour prenom+nom et si le nom est trop grand ca agrandit mon menu au lieu d allez en largeur help me plz decu

Et en français explicite çà donnerai quoi ?

j ai mis une image pour plus d explications le probleme c est que le menu se trouve dans un div et quand on est pas connecter ca va mais si on se connecte, alors ca affiche au lieu de se connecter : Bonjour Nom + prenom et Bonjour Nom+prenom c est plus grand que la largeur d une case normale donc le div s etire en hauteur et moi je voudrais que la case s agrandisse en fonction du teste tout simplement en largeur et non pas hauteur

Personne ne veux m'aider ?

Salut,

Ne fixe pas la largeur de tes éléments de menu, tout simplement. Si tu tiens à ce que les premiers aient une largeur semblable, tu peux utiliser un min-width en lieu et place de ton width.

En revanche, je pense que tu devrais réviser les listes en HTML. Pour un menu comme le tien, un simple

<ul>
    <li>Elément</li>
    <li>Elément</li>
    <li>Elément</li>
    <li>Elément</li>
</ul>

fera l'affaire beaucoup plus légèrement que ta solution actuelle


Edit : J'oubliais : il pique les yeux ton site, tu ferais bien de le rendre plus sobre au niveau des couleurs si tu souhaites que tes visiteurs y passent un peu de temps
Modifié par Asumbaa (15 Feb 2007 - 15:08)

j y arrive pas y a pas quelqu un qui pourrait me le faire plz ?

Css c est pas ma tasse de the


Ps : en faisant un min-width ca marche pas
Modifié par fuji (15 Feb 2007 - 18:31)

Salut,

fuji a écrit :
j y arrive pas y a pas quelqu un qui pourrait me le faire plz ?
Css c est pas ma tasse de the

On peut t'aider mais pas faire les choses à ta place.

fuji a écrit :
Ps : en faisant un min-width ca marche pas

Montre-nous où tu en es ? Qu'as-tu tenté ? As-tu révisé tes listes ?