как правильно расположить картинки htn
229
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>
-
14:06
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47694 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30544 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23720 visits
- Как через css изменить цвет png изображения? 10373 visits
- Blob video url download 9980 visits
- Php curl запрос через прокси с авторизацией 9239 visits
- Работа с captcha vk api 8116 visits
© "hostciti.net" 22.1.2025 | 15:41