Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!!