Фиксированная высота виджета

 
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 351
Столкнулся с такой проблемой.

В определенные html блок-виджеты пользователи добавляют свою информацию - тексты картинки и т. п.. Если информация не влазит в виджет, он растягивается по высоте.

Не могу сообразить как сделать фиксированную высоту у определенных виджетов?

Сейчас сделал так

<style>
.youadver {
height: 400px;
width: auto;
}
</style>
<div class="youadver">
....код пользователя....
</div>

Но это будет жутко неудобно, каждый раз обворачивать код пользователя этим стилем.
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2596
<style>
.youadver {
height: 400px;
width: auto;
overflow-y:hidden;
}
</style>
Реклама
cms
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
Код CSS:
  1. .widget_html_block{
  2. height:400px;
  3. overflow:hidden;
  4. }
Или нет, лучше так:

в настройках виджета пишете класс для тела
Фиксированная высота виджета

а в css пишете код

Код CSS:
  1. .youadver .widget_html_block{
  2. height:400px;
  3. overflow:hidden;
  4. }
Редактировалось: 1 раз (Последний: 9 января 2018 в 16:33)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 351
шэльдэ бердэ бельдэ:
а в css пишете код
Да да да... Это самое оно! Спасибо! =)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 351
Блин сейчас по центру по горизонтали не могу выровнять laugh

Фиксированная высота виджета


Все способы со всех сайтов перепробовал, не встает в центр...
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 351
Как всегда - час ковыряюсь, потом отпишу на форум и сразу решение находится rofl

height:250px;
overflow:hidden;
vertical-align:middle;
text-align: center;
Редактировалось: 1 раз (Последний: 9 января 2018 в 18:35)
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
width:100%;
text-align:center;
Посетитель
small user social cms
Медаль
Сообщений: 122
Родителю — text-align: center;
Помог? Вместо "спасибо" - плюс в профиль.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.