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

Адаптация шаблона


     20.07.2013    адаптация html dle    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    3597

вопрос
Доброго времени суток.Столкнулся с проблемой во время адаптации html шаблона под dle.Так вот проблема с выводом короткой новости.
В html версии новости выводятся в 2 колонки.Используются 2 стиля
<div class="[b]lSale_block[/b]">
<div class="[b]rSale_block[/b]">

lSale_block-отвечает за вывод новостей в левой колонке.
rSale_block-отвечает за вывод новостей в правой колонке.
В Html новости настраиваются вручную через любой редактор,так что там все нормально выводится через эти стили(то есть чередуем их).

Скрин вывода html:
Адаптация шаблона

Проблема в том,что в dle используется 1 shortstory и новости выводятся либо в левом контейнере,либо в правом(в зависимости от выбранного стиля),и нужно,чтоб новости выводились и в правом и в левом.То есть стили автоматически менялись,либо сделать 1,чтоб они отображались в 2 контейнера без смены стилей.Как-то так:)
Вид новостей в dle со стилем lSale_block
Адаптация шаблона

Вид краткой новости:

<div class="lSale_block">
                    <h2>[full-link]{title}[/full-link]</h2>
                    <img src="[xfvalue_poster]" alt="battleField">
                    <p class="price">Цена: <span>[xfvalue_cena] руб.</span></p>
                           <a class="buy" href="{full-link}"></a>
                    <div class="clear"></div>
                    <p class="descr">{short=story limit=25}..</p>
                </div>


CSS стиль:

.lSale_block, .rSale_block {
    width:346px;
    height:266px;
    margin:5px 10px 5px 0;
    border:1px solid #c8c6c6;
    padding:10px 18px;
    position:relative;
    float:left;
}

.rSale_block {
    margin-right:0;
}

Думаю,вы меня поняли и надеюсь на вашу помощь.

Ответил: rp0M


У тебя что-то не так в стилях, нужно их править визуально и все получится через просто HTML + CSS.

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

crysnik
Юзер

crysnik - 20 июля 2013 03:15 -

попробуй в стилях это удалить
.rSale_block {
    margin-right:0;
}

arkasha206
Юзер

arkasha206 - 20 июля 2013 03:38 -

не помогло.

arkasha206
Юзер

arkasha206 - 20 июля 2013 03:43 -

чуть-чуть напутал с файлом стилей.
Вот все:

.lSale_block, .rSale_block {
    width:346px;
    height:266px;
    margin:5px 10px 5px 0;
    border:1px solid #c8c6c6;
    padding:10px 18px;
    position:relative;
    float:left;
}

.rSale_block {
    margin-right:0;
}

.lSale_block h2, .rSale_block h2 {
    font:18px Tahoma, Geneva, sans-serif;
    color:#39647e;
    margin-bottom:19px;
}

.lSale_block img, .rSale_block img {
    border:1px solid #323232;
    float:left;
    margin:0 10px 20px 0;
}

.lSale_block p, .rSale_block p {
    font:12px Arial, Helvetica, sans-serif;
    color:#5c5c5c;
}

.lSale_block p.price, .rSale_block p.price {
    font:14px Tahoma, Geneva, sans-serif;
    color:#222;
}

.lSale_block p.price span, .rSale_block p.price span {
    font-size:18px;
}

.lSale_block a, .rSale_block a {
    height:25px;
    display:block;
    background-repeat:repeat;
    float:left;
    margin:10px 10px 0 0;
}

.lSale_block a.buy, .rSale_block a.buy {
    width:61px;
    background-image:url(../images/buy.png);
}

.lSale_block p.descr, .rSale_block p.descr {
    border-top:1px solid #c8c6c6;
    padding-top:15px;
}

Kelly_Jenko
Юзер

Kelly_Jenko - 20 июля 2013 10:15 -

Ее, я вообще делал через width=50%. :)

Danil
Юзер

Danil - 21 июля 2013 20:53 -

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

Danil
Юзер

Danil - 22 июля 2013 07:35 -

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

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

ПафНутиЙ - 22 июля 2013 08:57 -

перестаньте бредить.

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

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

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

наверх