Форум Сайтостроение Веб-строительство

Вопрос по СSS высота блоков

R
На сайте с 01.10.2013
Offline
87
Ruson
465 


<ul>
<li>
<a target="_self" href="http://site.com/price-list">
<img class="wpp-thumbnail wpp_cached_thumb wpp_featured" width="80" height="50" border="0" alt="" src="http://site.com/wp-content/uploads/2013/08/price-list-80x50.jpg">
</a>
<a href="http://evroluxe.com/price-list">Прайс лист: цены на отделочные работы</a>
</li>
</ul>

Собственно в сайдбаре имеем UL c LI, внутри каждого LI есть две ссылки одна ссылка картинка вторая текстовая, но почему то сам LI принимает высоту только текстовой ссылки, а ссылку с картинкой внутри игнорирует, хотя по размеру она повыше, в итоге весь блок UL также получается по высоте нижней текстовой ссылки см. изображение, и к примеру, сама страница http://evroluxe.com/price-list-stroymaterialy

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

Если кто знает вариант решения, подскажите плиз буду благодарен! =)

png UL-block.png
virtuozo
На сайте с 05.04.2012
Offline
34
virtuozo
#1

В свойства li прописать -display: inline-block

Р
На сайте с 07.02.2013
Offline
164
рецидивист
#2

Я обычно пользуюсь таким: после списка с float:left добавляю пустой div со свойством clear:both.

R
На сайте с 01.10.2013
Offline
87
Ruson
#3
рецидивист:
Я обычно пользуюсь таким: после списка с float:left добавляю пустой div со свойством clear:both.

Так точно, уже сам сделал, методом тыка правда, только блок с класом clear пришлось впихнуть в сам LI под тегами A, на самом деле оказывается все было намного проще =)

---------- Post added 13-04-2014 at 09:43 ----------

virtuozo:
В свойства li прописать -display: inline-block
А это вобще идеальный и простейший вариант, спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий