Centrer mes titres de menu dans la hauteur

Bonjour,

j'ai récemment réalisé ce site avec une feuille de style en CSS:
www.ecologeii.dafun.com

J'ai un souci; je n'arrive pas à centrer les titres des menu dans la hauteur.
Par exemple le titre "Informations" est trop collé au cadre.

J'ai essayé en insérant des margin-... mais sans succès, ça me décalle toujours le cadre ou l'image du cadre, mais jamais le titre en lui-même.

Comment puis-je procéder?

Merci beaucoup,
Florian

Tu dois jouer sur les line-height.

Par exemple, pour centrer le paragraphe dans la boîte suivante.

<div class="boite">
<p>Blabla</p>
</div>

.boite {
background: red;
height: 50px;
}
.boite p {
line-height: 50px;
}

je suis obliger de créer une classe?

pour le moment, je fais l'opération suivante pour le premier menu par exemple (menu Energies):

<div id="menu">
		<div id="cadre_menu"> <!--Cadre autour du premier menu -->
			<div id="menu_haut"> <!--Premier menu à gauche-->
				<div id="bandeau_menu"> <!-- Bandeau gris indicant le titre du menu -->
					<strong>Energies</strong>

avec

div#menu {
	float:left;
	width:15%;
	height:400px;
	background-color:transparent;
	margin-left:1%;
}
div#cadre_menu {
	width:100%;
	height:auto;
	border-style:solid; 
	border-width:1px; 
	border-color:black;
}
div#menu_haut {
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	text-align:center;
	background-image: url(../images/header22.jpg);
	-moz-opacity:0.8 ;
	filter:alpha(opacity=80); 
	opacity: 0.8;
}
div#bandeau_menu {
	width: 100%;
	height: 21px;
	background-image: url(../images/headg.jpg);
}

Est ce que je peux intégrer cela dans une de mes div?
Modifié par bontempf (04 Jan 2007 - 16:39)

Oui certainement à toi de cîbler au mieux le titre information

Merci beaucoup, mais je ne saisis pas tout :
Il faut que je mette line-height=140% pour que le titre soit centrer ...
Je ne vois pas la logique...???

div#bandeau_menu {
	width: 100%;
	height: 21px;
	background-image: url(../images/headg.jpg);
	line-height:140%;
}

Enfin bon, ça fonctionne

Merci beaucoup

J'ai un autre souci, toujours sur mon site www.ecologeii.dafun.com :

Lorsque qu'on réduis la largeur de l'explorateur (firefox par exemple), il arrive un moment ou le titre du site ne loge plus:
ECOLOGEII... Un site sur les énergies renouvelables!

et passe à la ligne suivante. Le problème est que les deux lignes se chevauches:

http://img404.imageshack.us/img404/9595/ecologeiiws8.jpg
Modifié par bontempf (04 Jan 2007 - 19:15)