Дизайн новости с использованием блоков

голоса: +2

Здравствуйте. Хочу реализовать в дизайне новости такую схему :

Здесь "Название мероприятия", Графическая афиша(img), Описание мероприятия(message), а в кратком описании (brief) я бы хотел расположить данные о месте, времени и других данных о мероприятии. Скажите пожалуйста, возможно ли реализовать такой вид материала? Используется модуль "Новости сайта", пытаюсь оформить в таком виде, но блок $BRIEF$ не работает. Возможны ли какие-то другие способы такого оформления? 

Адрес сайта http://severomorsk-gid.do.am
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +2
 
Лучший ответ
Для реализации вашей задумки используйте вместо $BRIEF$ дополнительные поля.
| Автор:
Выбор ответа лучшим | | Автор: Геннадий Божок

Не могли бы мне помочь с этой реализацией? Я так понимаю поля other1...other5 надо прописывать в CSS, чтобы обозначить их расположение относительно картинки и блока $MESSAGE$. Но видимо у меня не хватает знаний в этой области(( 

#other1 {
padding-bottom:5px;
display:block;
color:#a0a0a0;
text-align:right;
}

Такой вид не работает, исправте меня пожалуйста.  Желательно прописать сразу блок с классом .div в который бы входили все other1...5. 

Либо же в редакторе страницы пишу: 

<div style="text-align:right;">
$OTHER1$
$OTHER2$ 
$OTHER3$
$OTHER4$
$OTHER5$
    </div>

, что так же не приводит к нужному результату(

Что именно не получается?

У вас данные не выводятся из этих полей или у вас не поулчается выровнять эти данные так, как вам хочется?

Не получается выровнять, данные выводятся, за это большой спасибо) Хотелось бы выровнять их, справа от картинки, что бы поля были друг под другом. У меня получилось что они под картинкой и сплошным текстом. 

это с кодом в редакторе страниц: 

<div style="text-align:right;">
$OTHER1$
$OTHER2$ 
$OTHER3$
$OTHER4$
$OTHER5$
    </div>

 

<div style="float:right; text-align:left;">
$OTHER1$<br>
$OTHER2$<br>
$OTHER3$<br>
$OTHER4$<br>
$OTHER5$<br>
</div>

Вот и я потом использовал этот код, но не работает тоже, под картинкой всё равно(( Полный код блока сейчас такой:

<img src="$IMG_URL1$" style="max-width:250px;margin-bottom:20px;">
   <div style="float:right; text-align:left;">
$OTHER1$<br>
$OTHER2$<br>
$OTHER3$<br>
$OTHER4$<br>
$OTHER5$<br>
</div>
$MESSAGE$ 

А выглядит так:

 

 

    <table style="width:100%;">
    <tr>
        <td style="vertical-align:top;"><img src="$IMG_URL1$" style="max-width:250px;margin-bottom:20px;"></td>
        <td style="vertical-align:top; text-align:left; padding:0px 10px;">
        $OTHER1$<br>
        $OTHER2$<br>
        $OTHER3$<br>
        $OTHER4$<br>
        $OTHER5$<br>
        </td>
    </tr>
    <tr>
        <td colspan="2">$MESSAGE$</td>
    </tr>
    </table>

Всё получилось! Спасибо огромное!))
...