28172 sujets

CSS et mise en forme, CSS3

Alignement à droite d'un menu

Bonjour,

J'ai un problème d'alignement de mon menu. Je cherche à l'aligner à droite de ma page. j'ai essayé un float right mais malheureusement ça m'inverse aussi l'ordre du menu (accueil à tout à gauce)

quelqu'un a-t-il une solution?

merci d'avance

mon menu :

<ul class="menu">
	<li class="current"><h2><a href="index.html">Accueil</a></h2></li>
	<li><h2><a href="prestations.html">Prestations</a></h2></li>
	<li><h2><a href="entreprise.html">L'entreprise</a></h2></li>
	<li><h2><a href="contacts.html">Contacts</a></h2></li>
	<li><h2><a href="partenaires.html">Partenaires</a></h2></li>			
</ul>


.menu {
	margin:25px;
	list-style:none;
	height:43px;
	background:transparent url(../images/menu/back.gif) repeat-x right top;
	font-size:11px;
}

.menu li {
	float:left;
	height:43px;
}

.menu li a {
	display:block;
	float:left;
	height:40px;
	line-height:35px;
	color:#000;
	text-decoration:none;
	font-family: verdana, arial, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 10px;
	cursor:pointer;
	background:url(../images/menu/0a.gif) no-repeat;
}

.menu li h2 a {
	float:left;
	display:block;
	padding: 0 60px 0 5px;
	background:url(../images/menu/0.gif) no-repeat right top;
}

.menu li.current a {
	color:#0babe6;
	background:url(../images/menu/2a.gif) no-repeat;
}

.menu li.current h2 a {
	color:#0babe6;
	background:url(../images/menu/2.gif) no-repeat right top;
}

.menu li a:hover {
	color:#0babe6;
	background: url(../images/menu/2a.gif) no-repeat;
}

.menu li h2 a:hover {
	color:#0babe6;
	background:url(../images/menu/2.gif) no-repeat right top;
}

.menu li.current a:hover {
	color:#0babe6;
	cursor:default;
}

Modifié par 6l20 (22 Jul 2011 - 10:22)
Bonjour,

Des solutions, il y en aurait plein. Mais sans savoir ce que tu as déjà fait, difficile de voir ce qui collerait.
Sujet clos
Aller à