28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

je suis sur le site de ma boite

www.groupe-elancia.com/essai/

il a été modifié depuis l'autre post (http://forum.alsacreations.com/topic-4-40269-1-Placement-dun-bouton-menu-en-css.html)


je n'arrive pas à center le texte du menu:
1/ Centrer le menu horizontalement. (je l'ai spécifier dans le css un padding de 250px) mais je voudrait qu'il se centre automatiquement.

2/ Je n'arrive pas a centrer les nom a l'interieur des menu (par rapport a la bulle)
(les bulles ont la meme hauteurs que le menu

fichier css: www.groupe-elancia.com/essai/css/site.css

Pourriez-vous m'éclairer sur les modifications apporter dans le css?

Merci

guigui69
Salut,

margin: 0 auto; ne fonctionne que sur des éléments ayant un attribut width renseigné (donc ayant une valeur autre que celle par défaut auto)
Modifié par Heyoan (22 Mar 2009 - 18:32)
D'accord merci pour ton aide.

j'ai rajouter un width (1024px) a la propriété ul.

- Quel est la prochaine étape pour centrer le texte du menu, car actuellement les éléments du menu ne sont pas centrer.
- Autres questions comment centre le texte dans la barre du menu pour que celui-ci soit centrer par rapport au menu.

CSS:


ul#menu
{
	height: 28px;
	width: 1024px;
	margin: 0 auto;
	background: #f2f2f2;
	list-style-type: none;
	text-align: center;
	padding: 0 auto;
	
}

ul#menu li
{
	float: left ;
	text-align: center;
	margin: 0 auto;
	border: 0px solid #df561f; 	
	height: 28px;
}
ul#menu li a
{
	width: 150px ;
	font: 11pt arial, helvetica, sans-serif ;
	color: #828387 ;
	display: block ;
	text-decoration: none ;
	margin: auto 0;
	text-align: center;
	
	
}

ul#menu li a:hover
{
width: 150px;
height: 28px;
background: url(../img/bouton.png) ;
color: #ffffff;
margin: auto 0;
text-align: center;
}


Menu:

		<ul id="menu">
			<li><a href="index.html">Accueil</a></li>
			<li><a href="presentation.html">Notre entreprise</a></li>
			<li><a href="produit.html">Nos produits</a></li>
			<li><a href="contact.html">Nous Contactez</a></li>
		</ul>


Merci d'avance

guigui69