2010-11-25 3 views
0

Я использую CSS-схему Blueprint для создания своего сайта. У меня есть этот код:Те же уровни divs

<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> 

Когда есть много текста в DIV span-5 last изображения (addtobasket.jpg) спускается вниз.
Как я могу сделать на изображениях того же уровня (picabu1.png и addtobasket.jpg)?

ответ

0

Я думаю, что только

<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> 

достигнет этого.

пример: http://jsfiddle.net/xSmmA/

Смежные вопросы