28173 sujets

CSS et mise en forme, CSS3

Bonjour,

l'attribut vertical-align permet d'aligner des éléments en ligne, mais comment faire quand les éléments en lignes deviennent des éléments de type block parce que flottants ?

J'ai essayé margin:auto 0; en spécifiant une hauteur aux images dans la CSS, mais sans succès...

Avez-vous une solution ?

Merci



<div id="nav_bottom">
   <img src="images/back.png" alt="" width="21" height ="21" class="left" />
   <img src="images/back_lt.png" alt="" width="15" height ="15" class="left"" /> 
<span>1/26</span>
   <img src="images/forth.png" alt="" width="21" height ="21" class="right" />
   <img src="images/forth_lt.png" alt="" width="15" height ="15" class="right" />
</div>





#col_main div#nav_bottom{width:180px;height:21px;margin:30px auto 0 auto;padding:0 0 5px 0;border:0;border-bottom:1px solid #818181;}
#col_main div#nav_bottom img.left{float:left;margin:0 10px 0 0;padding:0;}
#col_main div#nav_bottom img.right{float:right;margin:0 0 0 10px;padding:0;}
#col_main div#nav_bottom span{float:left;width:65px;height:21px;font-size:14px;font-weight:bold;color:#818181;margin-top:3px;text-align:center;}



Modifié par EricLB (07 Jun 2006 - 14:26)