Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Подскажите, как сделать интервал между постерами?

Подскажите, как сделать интервал между постерами?

     12.11.2020    dle 14.1    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    1004

вопрос
Здравствуйте. У меня на сайте есть блок "Похожие новости". Подскажите, пожалуйста, как сделать интервал между постерами. Вывод блока происходит с помощью переменной: {related-news}.
Пробовал использовать "css". Не помогло.

В css: 
.short{width:20%;float:left;position:relative;padding:0 15px;margin-bottom:30px;}


В fullstory.tpl шаблоне: 
<div class="short">{related-news}</div>


В итоге получается такое:
<div class="frelated"><div class="fdesc-title ficon"><span class="fas fa-link"></span>Смотрите также</div>
<div class="short"><a class="tc-item" href="https://www.anitub.ru/7-sao2.html" title="Мастера Меча Онлайн 2 / Sword Art Online II">
	<div class="img img-box"><img class="xfieldimage poster" data-src="/uploads/posts/2020-10/1603500808_8644.jpg" alt="">
        <div class="short-rate-perc" title="Наш Рейтинг">{rating}{vote-num}</div></div>
	<div class="tc-title">Мастера Меча Онлайн 2 / Sword Art Online II</div>
</a><a class="tc-item" href="https://www.anitub.ru/8-sao4.html" title="Мастера Меча Онлайн: Порядковый ранг Sword Art Online Movie: Ordinal Scale">
	<div class="img img-box"><img class="xfieldimage poster" data-src="/uploads/posts/2020-10/1603595431_8644.jpg" alt="">
        <div class="short-rate-perc" title="Наш Рейтинг">{rating}{vote-num}</div></div>
	<div class="tc-title">Мастера Меча Онлайн: Порядковый ранг Sword Art Online Movie: Ordinal Scale</div>
</a><a class="tc-item" href="https://www.anitub.ru/5-sao3.html" title="Мастера Меча Онлайн: Алисизация / Sword Art Online: Alicization">
	<div class="img img-box"><img class="xfieldimage poster" data-src="/uploads/posts/2020-08/1597957425_-poster.jpg" alt="">
        <div class="short-rate-perc" title="Наш Рейтинг">{rating}{vote-num}</div></div>
	<div class="tc-title">Мастера Меча Онлайн: Алисизация / Sword Art Online: Alicization</div>
</a></div></div>


Подскажите, как сделать интервал между постерами?

Версия DLE 14.1.
Что длать?

Ответил: леший

Вам надо не для .short отступы добавлять, а для
a.tc-item{/** Нужные отступы **/}

15 комментариев

New-dev.ru
Эксперт

New-dev.ru - 12 ноября 2020 10:03 -

Попробуйте добавить в css 
.short .tc-item {margin-right:10px!important;}
леший
Гости

леший - 12 ноября 2020 12:50 -

***Комментарий удален***
Anitub
Юзер

Anitub - 13 ноября 2020 00:39 -

Цитата: леший
Вам надо не для .short отступы добавлять, а для

Я не понял ваш вариант, напишите пожалуйста поподробнее...
леший
Гости

леший - 13 ноября 2020 02:31 - 

a.tc-item{display:block;width:20%;float:left;position:relative;padding:0 15px;margin-bottom:30px;}
Anitub
Юзер

Anitub - 13 ноября 2020 04:09 -

Цитата: леший
a.tc-item{display:block;width:20%;float:left;position:relative;padding:0 15px;margin-bottom:30px;}

То - есть в шаблон нужно прописать так:
<div class="a.tc-item">{related-news}</div>
леший
Гости

леший - 13 ноября 2020 05:03 -

нет, в fullstory.tpl ничего менять не надо
New-dev.ru
Эксперт

New-dev.ru - 13 ноября 2020 13:08 -

Вы добавляли 
.short .tc-item {margin-right:10px!important;}
в css файл? Должно работать, может кэш браузера просто надо сбросить. Ниже вариант предложили, там в принципе тоже самое.
леший
Гости

леший - 13 ноября 2020 15:02 -

!important зло
Anitub
Юзер

Anitub - 14 ноября 2020 02:38 -

Цитата: леший
нет, в fullstory.tpl ничего менять не надо

Ваш вариант работает, но названия не разделены.
леший
Гости

леший - 14 ноября 2020 02:56 -

добавьте в css ещё 
.tc-title{padding:0 15px;}
Anitub
Юзер

Anitub - 14 ноября 2020 03:56 -

Цитата: леший
.tc-title{padding:0 15px;}

Не помогло...
леший
Гости

леший - 14 ноября 2020 03:58 -

Сайт откройте, гадать на кофейной гуще не охота.
Anitub
Юзер

Anitub - 14 ноября 2020 04:10 -

Цитата: леший
Сайт откройте, гадать на кофейной гуще не охота.

https://www.anitub.ru/4-sao1.html
Открыл.
леший
Гости

леший - 14 ноября 2020 04:20 - 


.tc-title{padding:7px;text-align:center;background-color:#ffba00;color:#fff;opacity:0;position:absolute;left:0;bottom:0;width:100%;}

замените на

.tc-title{padding:7px;text-align:center;background-color:#ffba00;color:#fff;opacity:0;position:absolute;left:0;bottom:0;width:78%;margin-left:15px;}
Anitub
Юзер

Anitub - 14 ноября 2020 06:40 -

Цитата: леший
.tc-title{padding:7px;text-align:center;background-color:#ffba00;color:#fff;opacity:0;position:absolute;left:0;bottom:0;width:78%;margin-left:15px;}

Благодарю за помощь.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 06.03.2012 Spirkaa  Общие вопросы по вёрстке
 20.10.2013 n1ghtman199  Общие вопросы по вёрстке
 11.01.2014 GigA  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery
 01.03.2014 enterlive  Общие вопросы по вёрстке, Стили (CSS)
 23.03.2014 vardanpetrosyan  Общие вопросы по вёрстке
 12.04.2014 monach  Общие вопросы по вёрстке, Стили (CSS), jQuery
 01.08.2014 disazakon  Общие вопросы по вёрстке
 12.02.2015 maintpl  Общие вопросы по вёрстке
 08.11.2018 frge  Общие вопросы, Общие вопросы по вёрстке, Общие вопросы по PHP
 12.05.2020 Anitub  Общие вопросы по вёрстке, Шаблоны (TPL)
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх