Question

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

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

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

Answer 1

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

<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>

Comments

К сожалению, не подходит. У меня встречаются и заголовки из 2-3 слов.

---

короткие заголовки из двух трех слов не будут изменяться. цифру 35 можно настроить под  длину коротких заголовков, чтобы обрезать длинные

---

webanet,

В таком случае все длинные заголвоки будут состоять из 3 слов. Мне такое не подходит.

---

Paranormal,

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

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

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

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

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