Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Хаки Похожие новости горизонтально средствами css или php

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


     06.01.2013    Хаки    2383

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

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

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

Ответил: BR0kEN


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

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

olleg
3

59 | 29

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

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

wcw2007
8

94 | 42

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

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

pznt
3

88 | 73

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
3

88 | 73

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

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

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

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

 04.09.2013 bembelby  Хаки