Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Хаки » Похожие новости горизонтально средствами css или php

Похожие новости горизонтально средствами css или php


     06.01.2013    Все вопросы » Хаки    4062

вопрос
Добрый день!

Подскажите пожалуйста способ как вывести похожие новости в 1 строку т.е. горизонтально. Такое расположение считаю более правильным, так как занимается не много места, всего 1 строка.

Спасибо за ответ.

Ответил: BR0kEN


Оберните макрос {related-news} в ul, задайте li float:left, откройте relatednews.tpl и оберните ссылку в li. Далее в CSS играйтесь с визуальным оформлением.

4 комментария

olleg
Юзер

olleg - 6 января 2013 17:05 -

Это какая ширина должна быть у шаблона? я сейчас попробовал - даже две не уместилось.

wcw2007
Юзер

wcw2007 - 6 января 2013 17:08 -

1. Идет обрезка text limit
2. Их всего будет 3 штуки

pznt
Юзер

pznt - 6 января 2013 18:15 -

Можно и в <div> обернуть.

Например в relatednews.tpl

<div class="rel-news">
    <div class="rel-news-image">
        <div class="rel-news-image-hidden">
            <a href="{full-link}"><img src="[xfvalue_img]" alt="{title}" /></a>
        </div>
    </div>
    <h2><a href="{full-link}">{title}</a></h2>
</div>


а в style.css

            .rel-news-news{
                float: left;
                width: 184px;
                margin: 0 2px 0 3px;
            }

                               .rel-news-image {
                                и т.д.


width: 184px; - ширина каждой новости

pznt
Юзер

pznt - 6 января 2013 18:16 -

опечатался в коде css не .rel-news-news{ , а .rel-news {

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

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

 04.09.2013 bembelby  Хаки
наверх