Как выровнять картинки по высоте в информере?

голоса: 0

Как сделать, чтобы картинки в инфомере находились на одном уровне независимо от длины заголовка?

Код этого информера:

<div class="outer"><a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$" width="180" height="110"></a><br><a href="$ENTRY_URL$">$TITLE$</a></div>

.outer {padding: 10px;}

Адрес сайта paranormal-news.ru
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

голоса: 0

только если порезать длинные титлы и сделать у всех одинаковую длину. попробуйте заменить выделенное красным на это

<a href="$ENTRY_URL$"><?if(len($TITLE$)>35)?><?substr($TITLE$,0,35)?><?else?>$TITLE$<?endif?></a>

 <div class="outer"><a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$" width="180" height="110"></a><br><a href="$ENTRY_URL$">$TITLE$</a></div>

| Автор:
К сожалению, не подходит. У меня встречаются и заголовки из 2-3 слов.
короткие заголовки из двух трех слов не будут изменяться. цифру 35 можно настроить под  длину коротких заголовков, чтобы обрезать длинные
webanet,
В таком случае все длинные заголвоки будут состоять из 3 слов. Мне такое не подходит.
Paranormal,

Желательно ссылку с названием:

<a href="$ENTRY_URL$">$TITLE$</a>

заменить на что-то подобное:

<div class="titless"><a href="$ENTRY_URL$">$TITLE$</a></div>

после можно будет стилями настроить обрезку названия.

...