Menu horizontale centré [Résolu]

[minipopov]

Bonjour a tous,

Je viens ici par ce que j'aurai aimé avoir un peu d'aide si possible pour le menu de mon site. En faite j'aurai voulu refaire le même genre de barre fixé en haut que le site http://www.20minutes.fr/. Avec deux trois changement mais voila j'arrive pas trop a savoir comment faire.
Donc voici la partie php du menu

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<div class="globalhead" >
	<ul class="ulmenu">
		<li class="limenu">
			<span>
				<a class="amenu" href="#">Créer un compte</a>
				<a class="amenu" href="#">Oublie de password</a>
			</span>
		</li>
		<li class="limenu">
			<span>
			lundi 16 janvier // ici la date sera affiche
			</span>
		</li>
		<li class="limenu">
			<span>
			connexion // ici un formulaire avec deux input pour se connecter
			</span>
		</li>
	</ul>
</div>

Et voici ma partie css

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
body 
{
    margin: 0px;
	text-align: center;
}
.glodbalhead
{
background-color: #CCC;
padding: 1em 0 0;
margin-left: auto;
margin-right: auto;
width:775px;
height:50px;
}
.limenu
{
	display: inline;
	list-style: none;
}
.ulmenu
{
}
.amenu
{
        background-color: #EEE;
	display: inline;
        text-align: center;
        width: 10em;
}

Donc j’obtiens tout les mots côte à côte. Mon problème étant que je voudrais que les liens "Créer un compte" et "Oublie de password" soit l'un en dessous de l'autre. Donc je suis un peu a la ramasse pour tout sa...

Si quelqu'un pouvait m'aider sa serait super.

[Emyleen]

Bonjour,

Voila voila!

Code css :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
body 
{
    margin: 0px;
	text-align: center;
}
.glodbalhead
{
background-color: #CCC;
padding: 1em 0 0;
margin-left: auto;
margin-right: auto;
width:775px;
height:50px;
}
 
.ulmenu
{
	width: 900px;
	margin: auto;
}
.limenu
{
	display: inline;
	list-style: none;
	float: left;
}
.limenu span {
	line-height: 35px;
}
.limenu:first-of-type span {
	line-height: 20px;
}
.amenu
{
	background-color: #EEE;
	display: block;
	text-align: center;
	width: 10em;
}

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="globalhead" >
	<ul class="ulmenu">
		<li class="limenu">
			<span>
				<a class="amenu" href="#">Créer un compte</a>
				<a class="amenu" href="#">Oublie de password</a>
			</span>
		</li>
		<li class="limenu">
			<span>
			lundi 16 janvier // ici la date sera affiche
			</span>
		</li>
		<li class="limenu">
			<span>
			connexion // ici un formulaire avec deux input pour se connecter
			</span>
		</li>
	</ul>
</div>

[minipopov]

Merci, ça marche nickel !!!