2010-11-25 4 views
0

J'utilise le framework CSS Blueprint pour styliser mon site. J'ai ce code:Divs de même niveau

<div class="span-10"> 
     <div class="span-5"> 
      <img alt="" src="system/images/picabu1.png" /> 
     </div> 
     <div class="span-5 last"> 
      Lorem ipsum sup dolor itaseum.. <br /> 
      <img alt="" src="system/images/addtobasket.jpg" /> 
     </div> 
</div> 

Quand il y a beaucoup de texte à l'image div span-5 last (addtobasket.jpg) descend vers le bas.
Comment faire des images de même niveau (picabu1.png et addtobasket.jpg)?

Répondre

0

Je pense que

<div class="span-10"> 
     <!-- text elements first --> 
     <div class="span-5"> 
     </div> 
     <div class="span-5 last"> 
      Lorem ipsum sup dolor itaseum.. <br /> 
     </div> 
     <!-- images elements follow --> 
     <div class="span-5"> 
      <img alt="" src="system/images/picabu1.png" /> 
     </div> 
     <div class="span-5 last"> 
      <img alt="" src="system/images/addtobasket.jpg" /> 
     </div> 
</div> 

atteindrons cet objectif. Par exemple: http://jsfiddle.net/xSmmA/

Questions connexes