Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы » Как исправить вывод в короткой новости

Как исправить вывод в короткой новости

skinny 17.08.2014 короткая новость, шаблоны короткой новости Общие вопросы, Шаблоны (TPL), Стили (CSS) 3148

вопрос

Помогите пожалуйста! Как мне исправить вывод коротких новостей. Некоторые новости "лезут" друг на друга. Пробовал править CSS но ничего не вышло. Спасибо заранее.

Ответил: ПафНутиЙ

Почитайте про запрет обтекания

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

Юзер

378

Lynat1k - 2015-04-1117 августа 2014 01:57 - #34031

думаю можно делать опрос на сайте.
"иммет ли каждый сдешний юзер свой собственный киносайт?"

Админ

3457

ПафНутиЙ - 2015-04-1117 августа 2014 02:01 - #34032

нет смысла, и так понятно, что 80-90% имеют. Причём подавляющее большинство - ГС.

Каков вопрос - таков и ответ. Просто помните об этом.

Гости

119

sr.green - 2015-04-1117 августа 2014 14:10 - #34049

дайте сылку на сайт!

Юзер

skinny - 2015-04-1117 августа 2014 18:13 - #34058

вот сайт http://lvlovies.com/films/page/2/

Юзер

1599

FastFud - 2015-04-1117 августа 2014 18:40 - #34059

.SeaRchresultPost{
    position:relative;
    margin-bottom:20px;
    list-style:none inside;
    box-shadow:0px -30px 94px -8px rgba(0, 0, 0, 0.1) inset;
    padding:10px;
}

добавить float:left; получиться так:

.SeaRchresultPost{
    float: left;
    position:relative;
    margin-bottom:20px;
    list-style:none inside;
    box-shadow:0px -30px 94px -8px rgba(0, 0, 0, 0.1) inset;
    padding:10px;
}

Юзер

skinny - 2015-04-1117 августа 2014 18:55 - #34061

не помогло(

Юзер

1599

FastFud - 2015-04-1117 августа 2014 18:57 - #34062

1.Добавить в файле style.css - там этот класс.

не помогло(

2. Вы ничего не добавили (смотрите пункт 1).
3. style.css - 1446(строка)

Юзер

skinny - 2015-04-1117 августа 2014 19:03 - #34065

Цитата: FastFud

float: left

Да, я согласен что после этого они не лезут друг на друг, но с некоторыми новостями получается вот такое http://prntscr.com/4dp63m

Юзер

1599

FastFud - 2015-04-1117 августа 2014 19:05 - #34066

Полный код:

.SeaRchresultPost{
    width: 100%;
    float: left;
    position:relative;
    margin-bottom:20px;
    box-shadow:0px -30px 94px -8px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow:0px -30px 94px -8px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0px -30px 94px -8px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:10px;
}

Юзер

Killerkiss - 2015-04-1117 августа 2014 19:02 - #34064

Ваши исходники не смотрел, однако в подобных вопросах решаю задачу следующим образом

Добавьте в style.css:


.clr {
    clear: both;
}

а в конец shortstory.tpl


<div class="clr"></div>

Юзер

skinny - 2015-04-1117 августа 2014 19:11 - #34068

Поставил как вы советовали, но все равно какое-то искривление присутствует http://lvlovies.com/films/page/10/

Юзер

1599

FastFud - 2015-04-1117 августа 2014 19:16 - #34069

У вас каждая новость (фильм) в входит в

<div class="SeaRchresultPost"></div>

http://lvlovies.com/films/page/10/

Здесь у вас идут первые 2 новости(фильма) как надо а потом

<div class="SeaRchresultPost">идут и идут</div>

Вы где-то накосячили )

Юзер

skinny - 2015-04-1117 августа 2014 19:23 - #34071

Так я даже не трогал css короткой новости)

Юзер

skinny - 2015-04-1117 августа 2014 19:19 - #34070

FastFud,
Благодарю! Уже более менее.. нашел только 1 недостаток http://prntscr.com/4dpavj

Юзер

1599

FastFud - 2015-04-1117 августа 2014 19:23 - #34072

Смотрите выше я написал: ниже идут в

<div class="SeaRchresultPost"><div class="SeaRchresultPost">другая новость</div><div class="SeaRchresultPost">и т.п</div></div>

а должно:

<div class="SeaRchresultPost">тут одна новость</div><div class="SeaRchresultPost">тут вторая</div><div class="SeaRchresultPost">и т.п</div>

Юзер

skinny - 2015-04-1117 августа 2014 19:32 - #34073

FastFud, так ну суть я уловил, а где подправить то?))

Юзер

1599

FastFud - 2015-04-1117 августа 2014 19:35 - #34074

Дак я не знаю, в shortstory.tpl или какой файл там отвечает. Наверное у вас не закрыт тег.

Юзер

skinny - 2015-04-1117 августа 2014 19:38 - #34075

вот есть файл searchresult

<div class="SeaRchresultPost">
<div class="SeaRchresultPostPoster">
[full-link]<img src="{image-1}" alt="poster" />[/full-link]
</div>
<div class="SeaRchresultPostTitle">
[full-link]{title} [/full-link] [xfvalue_year] [xfgiven_quality2]<span class="quality2">[xfvalue_quality2]</span>[/xfgiven_quality2]
<div class="izbrannoe">{rating}</div>
</div>
<div class="SeaRchresultPostInfo">
<span class="icon-eye-open"></span> Просмотров ({views}) <span class="icon-comment" ></span> Отзывов ({comments-num}) <i class="icon-tags"></i> Категория: {link-category}
</div>
[xfgiven_info]<i class="icon-info-sign"></i> [xfvalue_info][/xfgiven_info]
<div class="SeaRchresultPostOpisanie">
{short-story limit="450"}..
</div>
<div class="clear"></div>
</div>

и shortstory.tpl

<div class="SeaRchresultPost">
<div class="SeaRchresultPostPoster">
[full-link]<img src="{image-1}" alt="poster" />[/full-link]
</div>
<div class="SeaRchresultPostTitle">
[full-link]{title} [/full-link] [xfvalue_year] [xfgiven_quality2]<span class="quality2">[xfvalue_quality2]</span>[/xfgiven_quality2]

<div class="izbrannoe">{rating}</div>
</div>
<div class="SeaRchresultPostInfo">
<span class="icon-eye-open"></span> Просмотров ({views}) <span class="icon-comment" ></span> Отзывов ({comments-num}) <i class="icon-tags"></i> Категория: {link-category}
</div>
[xfgiven_info]<i class="icon-info-sign"></i> [xfvalue_info][/xfgiven_info]
<div class="SeaRchresultPostOpisanie">
{short-story limit="450"}..
</div>
<div class="clear"></div>
</div>

Юзер

1599

FastFud - 2015-04-1117 августа 2014 19:51 - #34076

1.Теги закрыты.
2.Отредактируйте новость (В первый раз 2012) дело в ней, так как на других страницах все нормально.

Юзер

skinny - 2015-04-1117 августа 2014 20:08 - #34078

Да, удалил - помогло. Спасибо вам огромное!