Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 16/01/2012, 18h17   #1
Candidat au titre de Membre du Club
 
Homme
Inscription : juillet 2011
Messages : 38
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : juillet 2011
Messages : 38
Points : 14
Points : 14
Par défaut Menu horizontale centré

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.
minipopov est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/01/2012, 09h07   #2
Membre actif
 
Avatar de Emyleen
 
Femme Emeline Dabée
Webmaster
Inscription : mars 2010
Messages : 136
Détails du profil
Informations personnelles :
Nom : Femme Emeline Dabée
Âge : 26
Localisation : France, Aveyron (Midi Pyrénées)

Informations professionnelles :
Activité : Webmaster
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : mars 2010
Messages : 136
Points : 171
Points : 171
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>
__________________
I want to break frite ~~ Chocolat....chocolat...CHOCOLAAAAAAAAAAT!!!
Emyleen est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 17/01/2012, 10h09   #3
Candidat au titre de Membre du Club
 
Homme
Inscription : juillet 2011
Messages : 38
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : juillet 2011
Messages : 38
Points : 14
Points : 14
Par défaut Re

Merci, ça marche nickel !!!
minipopov est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 16h24.


 
 
 
 
Partenaires

Hébergement Web