Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Как исправить вывод в короткой новости

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


     17.08.2014    Общие вопросы, Шаблоны (TPL), Стили (CSS)    1120

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

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

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

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


Комментарии пользователей (20)

Lynat1k
1

373 | 93

Lynat1k - 17 августа 2014 01:57 - Юзер

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

ПафНутиЙ
1064

3394 | 2433

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

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

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

sr.green
1

119 | 6

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

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

skinny
58 | 37

skinny - 17 августа 2014 18:13 - Юзер


FastFud
50

1599 | 588

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
58 | 37

skinny - 17 августа 2014 18:55 - Юзер

не помогло(

FastFud
50

1599 | 588

FastFud - 17 августа 2014 18:57 - Юзер

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

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

skinny
58 | 37

skinny - 17 августа 2014 19:03 - Юзер

Цитата: FastFud
 float: left

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

FastFud
50

1599 | 588

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
1

15 | 1

Killerkiss - 17 августа 2014 19:02 - Юзер

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

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

.clr {
    clear: both;
}


а в конец shortstory.tpl

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

skinny
58 | 37

skinny - 17 августа 2014 19:11 - Юзер

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

FastFud
50

1599 | 588

FastFud - 17 августа 2014 19:16 - Юзер

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

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

skinny
58 | 37

skinny - 17 августа 2014 19:23 - Юзер

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

skinny
58 | 37

skinny - 17 августа 2014 19:19 - Юзер

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

FastFud
50

1599 | 588

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
58 | 37

skinny - 17 августа 2014 19:32 - Юзер

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

FastFud
50

1599 | 588

FastFud - 17 августа 2014 19:35 - Юзер

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

skinny
58 | 37

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
50

1599 | 588

FastFud - 17 августа 2014 19:51 - Юзер

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

skinny
58 | 37

skinny - 17 августа 2014 20:08 - Юзер

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

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

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