Как исправить отображение контента (1 Viewer)

[zcgherty]

Здравствуйте,я новичок в создании сайтов, если есть желающие помогите пожалуйста решить проблему с отображением фильмов. На первом скриншоте показано как должны отображаться фильмы в данном шаблоне. У меня на сайте отображаются следующим образ, как на скриншоте 2(версия dle 14.0) постеры растянуты во весь экран, до этого была 15.1 отображалось все как на примере, но нужно на 14 сделать также, на скриншоте3 поставил этот же шаблон на 2-ой домен, не настроенный отображается как нужно(версия на 2-ом домене 15.1).

 

[igrovik]

Ну самое первое проверьте и сравните названия Ваших до полей в дле и в шаблоне. Либо нет доп полей либо они отличимы от тех что прописаны в шаблоне.

 

[zcgherty]

Проблема показана в Screenshot_2.png, скриншот 2sait(15.1) и Primer.png это пример правильной работы шаблона, этот же шаблон только на версии 15.1 и он не настроенный, но работает как нужно(доп. поля там не настроены) но сам вид нужен такой же и в dle 14.0, а не как на Screenshot_2.png постеры растянуты во весь экран

 

[igrovik]

Проблема показана в Screenshot_2.png, скриншот 2sait(15.1) и Primer.png это пример правильной работы шаблона, этот же шаблон только на версии 15.1 и он не настроенный, но работает как нужно(доп. поля там не настроены) но сам вид нужен такой же и в dle 14.0, а не как на Screenshot_2.png постеры растянуты во весь экран

А шаблон один и тот же но просто ставится на разные версии ? Можно тогда принудительно попробовать уменьшить постер, найти место где он выводится. И далее к <img src= добавить width="200" height="200"
200 размер установите какой нужен.

 

[solomongrundy]

Проблема показана в Screenshot_2.png, скриншот 2sait(15.1) и Primer.png это пример правильной работы шаблона, этот же шаблон только на версии 15.1 и он не настроенный, но работает как нужно(доп. поля там не настроены) но сам вид нужен такой же и в dle 14.0, а не как на Screenshot_2.png постеры растянуты во весь экран

Смотрите стили, скорее из-за того, что в 14 версии div обертка

#dle-content

принудительна, то скорее всего стили главного div применяются к этому дочернему элементу

#dle-content

, в dle 15.1 по умолчанию

#dle-content

был убран как принудительный. А вообще, дается в таких случаях ссылка на сайт, чтобы не гадать по звездам. Для примера:

15.1

<div class="content">
    <a href="#">Тут итем (новость)</a>
    <a href="#">Тут итем (новость)</a>
</div>

14

<div class="content">
    <div id="dle-content">
        <a href="#">Тут итем (новость)</a>
        <a href="#">Тут итем (новость)</a>
    </div>
</div>

Так же как вариант, если есть нарушение структуры, если ссылка находится в ссылки

<a href="#"><a  href="#"></a></a>

 

[kokosik]

заполни все доп поля по правилам а потом уже делай скрины...

 

[zcgherty]

заполни все доп поля по правилам а потом уже делай скрины...

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

 

[kokosik]

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

заполни норм доп поля и покажи как выглядит на заполненном сайте хотя бы на 3-4 новости по тому как должно и скинь скрин а не на 3х новостях от дле

 

[Puerchik]

- main.tpl
- main-page.tpl (если он есть)
найти {content} и заменить на
<div id="dle-content">{content}</div>

 

[zcgherty]

заполни норм доп поля и покажи как выглядит на заполненном сайте хотя бы на 3-4 новости по тому как должно и скинь скрин а не на 3х новостях от дле

Вот так должно выглядеть

 

[zcgherty]

Смотрите стили, скорее из-за того, что в 14 версии div обертка

#dle-content

принудительна, то скорее всего стили главного div применяются к этому дочернему элементу

#dle-content

, в dle 15.1 по умолчанию

#dle-content

был убран как принудительный. А вообще, дается в таких случаях ссылка на сайт, чтобы не гадать по звездам. Для примера:

15.1

<div class="content">
    <a href="#">Тут итем (новость)</a>
    <a href="#">Тут итем (новость)</a>
</div>

14

<div class="content">
    <div id="dle-content">
        <a href="#">Тут итем (новость)</a>
        <a href="#">Тут итем (новость)</a>
    </div>
</div>

Так же как вариант, если есть нарушение структуры, если ссылка находится в ссылки

<a href="#"><a  href="#"></a></a>

Пробовал не получилось, может что-то не правильно сделал

 

[kokosik]

Посмотреть вложение 1402
Вот так должно выглядеть

так и в чем проблема? выгядит так как надо или я чот не понимаю

 

[zcgherty]

так и в чем проблема? выгядит так как надо или я чот не понимаю

Так должно выглядеть и на 14.0, пока что так выглядит только на 15 версиях

 

[solomongrundy]

Так должно выглядеть и на 14.0, пока что так выглядит только на 15 версиях

Сообщения ЛС читайте и пробуйте, если поможет напишите решение здесь

 

[zcgherty]

Сообщения ЛС читайте и пробуйте, если поможет напишите решение здесь

Большое спасибо [B]solomongrundy[/B] , помогло следующее решение:
в файле common.css
найти:

.e-grid7 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
grid-gap: 20px 20px;
grid-auto-flow: row dense;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}

@media (max-width: 425px) {
.e-grid7{
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
}

и заменить на следующий код:


.e-grid7,
.e-gridcat [HASH=112]#dle[/HASH]-content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
grid-gap: 20px 20px;
grid-auto-flow: row dense;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}

@media (max-width: 425px) {
.e-grid7,
.e-gridcat [HASH=112]#dle[/HASH]-content {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
}

найти:

.e-grid7>*:not(.short-movie_item) {
grid-column: 1/-1;
}

и заменить на следующий код:


.e-gridcat [HASH=112]#dle[/HASH]-content>*:not(.short-movie_item),
.e-grid7>*:not(.short-movie_item) {
grid-column: 1/-1;
}

в main.tpl найти:

[available=cat|lastnews|xfsearch|favorites]
<div class="container e-grid7 ">{info}{content}</div>
[/available]

и заменить на следующий код:


[available=cat|lastnews|xfsearch|favorites]
<div class="container e-gridcat ">{info}{content}</div>
[/available]

Данное решение помогло исправить проблему.