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

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

вопрос

Доброго времени суток.Столкнулся с проблемой во время адаптации 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 - 2015-05-1320 июля 2013 03:15 - #14913

попробуй в стилях это удалить

.rSale_block {
    margin-right:0;
}

Юзер

arkasha206 - 2015-05-1320 июля 2013 03:38 - #14914

не помогло.

Юзер

arkasha206 - 2015-05-1320 июля 2013 03:43 - #14915

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


.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;
}