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

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


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

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

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

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

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


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

Lynat1k
Юзер

Lynat1k - 17 августа 2014 01:57 -

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

ПафНутиЙ
Админ

ПафНутиЙ - 17 августа 2014 02:01 -

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

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

sr.green
Гости

sr.green - 17 августа 2014 14:10 -

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

skinny
Юзер

skinny - 17 августа 2014 18:13 -


FastFud
Юзер

FastFud - 17 августа 2014 18:40 -

.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
Юзер

skinny - 17 августа 2014 18:55 -

не помогло(

FastFud
Юзер

FastFud - 17 августа 2014 18:57 -

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

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

skinny
Юзер

skinny - 17 августа 2014 19:03 -

Цитата: FastFud
 float: left

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

FastFud
Юзер

FastFud - 17 августа 2014 19:05 -

Полный код:
.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
Юзер

Killerkiss - 17 августа 2014 19:02 -

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

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

.clr {
    clear: both;
}


а в конец shortstory.tpl

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

skinny
Юзер

skinny - 17 августа 2014 19:11 -

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

FastFud
Юзер

FastFud - 17 августа 2014 19:16 -

У вас каждая новость (фильм) в входит в
<div class="SeaRchresultPost"></div>
http://lvlovies.com/films/page/10/
Здесь у вас идут первые 2 новости(фильма) как надо а потом
<div class="SeaRchresultPost">идут и идут</div>

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

skinny
Юзер

skinny - 17 августа 2014 19:23 -

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

skinny
Юзер

skinny - 17 августа 2014 19:19 -

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

FastFud
Юзер

FastFud - 17 августа 2014 19:23 -

Смотрите выше я написал: ниже идут в
<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
Юзер

skinny - 17 августа 2014 19:32 -

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

FastFud
Юзер

FastFud - 17 августа 2014 19:35 -

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

skinny
Юзер

skinny - 17 августа 2014 19:38 -

вот есть файл 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>

FastFud
Юзер

FastFud - 17 августа 2014 19:51 -

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

skinny
Юзер

skinny - 17 августа 2014 20:08 -

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

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

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

наверх