Bonjour,
j'ai un menu verticale composer d'une liste dans laquelle je donne une hauteur definie et une image en arrière plan. Je n'arrive pas a centrer verticalement mon texte.
pour le html
et voici les css que j'ai définie
vertical-align:middle ne marche dans aucun des cas. Comment faire pour centrer verticalement le texte
Merci de votre aide
j'ai un menu verticale composer d'une liste dans laquelle je donne une hauteur definie et une image en arrière plan. Je n'arrive pas a centrer verticalement mon texte.
pour le html
<div id="bloc_decouvrez">
<ul>
<li class="bloc_left_top">Découvrez</li>
<li><a href="#">items 1</a></li>
<li><a href="#">items2</a></li>
<li class="bloc_left_bottom"> </li>
</ul>
</div>
et voici les css que j'ai définie
.bloc_left_top{ height:26px; width:230px;text-indent:38px;vertical-align:middle;color:#fff; font-size:1.2em; font-weight:bold; background:#fff url(/templates/bibliomedias/images/bloc_left_top.png) top no-repeat ;}
/*.bloc_left_top p{ position:relative; left:38px; top:5px;color:#fff; font-size:1.2em; font-weight:bold;}*/
.bloc_left_bottom{height:8px; width:230px;background:#fff url(/templates/bibliomedias/images/bloc_left_bottom.png) top no-repeat ;}
#bloc_decouvrez li a {display:block;height:26px; width:230px; text-indent:15px ; color:#333; font-weight:bold; background:#fff url(/templates/bibliomedias/images/bloc_decouvrez.png) top no-repeat ; text-decoration:none;vertical-align:middle;}
vertical-align:middle ne marche dans aucun des cas. Comment faire pour centrer verticalement le texte
Merci de votre aide