Loading...
(x)HTML/WML/CSS | DLE как наполнить контейнер
Здравствуйте как наполнить контейнер ниже\выше прикреплю скрин коротко говоря картинка не помещается в контейнер
shortstory:
<div class="short-cols fx-row">
<a class="short-img img-fit" href="{full-link}">
<img src="[xfvalue_logo]" width="144" height="333" alt="{title}">
<div class="short-label">Windows</div>
</a>
<div class="short-desc fx-1 fx-col fx-between">
<div class="short-header fx-row fx-middle">
<a class="short-title fx-1" href="{full-link}">{title}</a>

</div>




STYLE.CSS :

.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit {overflow: visible; position: relative;}
.img-resp {padding-top: 70%;}
.img-resp-vert {padding-top: 140%;}
.img-box img, .img-resp img, .img-resp-vert img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 1100%; height: 1100%; object-fit: fill;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
Ссылку на сайт дай и скрин что пополнить то
Вот скрин

Изображение

------
84309_20221105_173915.png (731.9 Kb)
Скачиваний: 195

________
посл. ред. 05.11.2022 в 18:06; всего 1 раз(а); by 759119880
online-cs.ru
759119880 (5 нояб 2022, в 18:05)
Вот скрин
Сда ставиться тег, того что хочешь видеть, как пример дата добавления новости и т.д
<div class="short-label">Windows</div>
за место текста windows можешь добавить {date} а если что то другое хочешь выводить туда, то через дополнительные поля
То есть если дата, то
<div class="short-label">{date}</div>
Туплю, сорри, ты о том что картинка шире контейнера?
КОТЭЙКА , Нет я не про Windows а про то что изображение публикации большой не помещается в контейнер
Изображение публикации обрезанный хотелось чтоб полностю показывал

Изображение

------
84310_20221105_181213.png (729.2 Kb)
Скачиваний: 183
вот еще в этом и разница

Изображение

------
84311_20221105_181156.png (576.7 Kb)
Скачиваний: 188
Онлайн: 1
Время:
Gen. 0.1445
(c) ByMAS.RU 2010-2025