Smiley smile Bonjour

J’ai construit un menu horizontal et j’aimerais décaler le dernier lien "Contact" à l’extrême droite de mon menu
Y a t’il une astuce pour créer un espace vide ?

<div id="blocmenu"> 
    <ul class="menu">
      <li><a href="#">Accueil</a></li>
      <li><a href="#">Galeries</a></li>
      <li><a href="#">Actu</a></li>
      <li><a href="#">Bio</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </div>

Smiley smile Merci
Modifié par olimann (29 May 2006 - 15:49)
Voici le code CSS
#blocmenu {
	height: 17px;
	background-color:#333333;
	margin: 0px;
	padding: 3px 0px 0px;

}
.menu {
	list-style-type: none;
	margin: 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: auto;
	width: auto;
}
.menu li {
	display: inline;
	padding: 10px 0px 0px 10px;
	height: auto;
	width: auto;
	text-align: left;
	margin: 0px;
}
.menu li a {
	text-decoration: none;
	color: #999999;

}
.menu li a:hover {
	color: #FFCC00;
}
Salut,

Peut etre en donnant une taille de largeur a ta liste ou le div qui la contient et en faisant floatter a droite le dernier <a>...
Smiley confus Si je dois floatter le denier, il doit pas être spécifié autrement parce que dans ce cas tous les liens suivront ??
Modifié par olimann (28 May 2006 - 18:14)
avec
div#blockmenu ul li a.float {float: right}


puis
<a class="float">


...aussi tu peux styliser ton ul sans lui mettre de class comme ça :
div#blockmenu ul {}


Qu'on me reprennes si je dis des conneries...
Ca repond a ta question ?
Modifié par Hum (28 May 2006 - 19:52)
Mon lien se décale bien sur la droite mais il se place en dessous du bloc
Smiley confus J’espère avoir bien compris ce que tu m’as dit.
Modérateur
Bonsoir
en fait il faut aussi que tu repasse le dernier lien "contact" en premiers dans ta liste , pour qu'il flotte en haut (sur la premiere ligne) a droite de la liste .

Il n'ya pas de bug, c'est le comportement habituel des flottants Smiley smile que l'on place generalement en premier dans le flux, ensuite les autres se place a coté ou dessous .

++
On peut aussi faire flotter les li plutôt que les liens eux-mêmes.

div#blockmenu ul li {float: left;}
div#blockmenu ul li#contact {float: right;}

Avec en HTML :
<div id="blockmenu">
	<ul>
		<li>…</li>
		<li>…</li>
		<li>…</li>
		<li id="contact">…</li>
	</ul>
</div>


J'ai mis un identifiant pour changer un peu Smiley lol