как правильно расположить картинки htn

276

07 октября 2017, 19:33

не могу понять почему третья картинка так низко она должна быть прям под второй как правильно изменить положение вот мой код

IMG.fig { 
  float: right; 
  padding-bottom: 1px; 
}

<a rel="simplebox3" href="#"> 
  <img src="https://i.stack.imgur.com/TONtg.jpg" alt="..." style="width:300px;height:300px;"> 
</a> 
<a rel="simplebox3" href="#"> 
  <img src="https://i.stack.imgur.com/TONtg.jpg" alt="..." style="width:300px;height:130px;" class="fig"> 
</a> 
<a rel="simplebox3" href="#"> 
  <img src="https://i.stack.imgur.com/TONtg.jpg" alt="..." style="width:300px;height:130px;" class="fig"> 
</a>

не может быть абсолютным позиционированным элементом так как это лента новостей и там расположение картинок подстраиваются под текст

Answer 1

Для всех img добавьте img{float:left;} а для IMG.fig {float: right;}

   IMG.fig { 
    float: right; 
    padding-bottom: 1px; 
   } 
   img{float:left;}

<a rel="simplebox3" href="https://s00.yaplakal.com/pics/userpic/6/7/8/av-656876.jpg"> 
        <img src="https://s00.yaplakal.com/pics/userpic/6/7/8/av-656876.jpg" alt="..." style="width:300px;height:300px;"> 
        </a> 
        <a rel="simplebox3" href="https://s00.yaplakal.com/pics/userpic/6/7/8/av-656876.jpg"> 
        <img src="https://s00.yaplakal.com/pics/userpic/6/7/8/av-656876.jpg" alt="..." style="width:300px;height:130px;" class="fig"> 
        </a> 
        <a rel="simplebox3" href="https://s00.yaplakal.com/pics/userpic/6/7/8/av-656876.jpg"> 
        <img src="https://s00.yaplakal.com/pics/userpic/6/7/8/av-656876.jpg" alt="..." style="width:300px;height:130px;" class="fig"> 
        </a>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Правильный SQL запрос для сложных данных

У меня в таблице есть столбец, который содержит строку типа 1,2,3,4,5 (то бишь implode обычного массива в php)Столбец называется mett Нужно каким-то образом...

298

Java