Вид материалов новостей

голоса: +3
Как я поняла, вид меняется в зависимости от наполнения текстом. Поставила свойство .eBlock td {background:#fff ;height:200px
выровняла высоту блоков, но отступы снизу и сверху меняются в зависимости от количества текста. можно ли их задать стандартными и как это сделать? помогите разобраться.
Адрес сайта http://malinatomsk1.ucoz.ru
| Автор: | Категория: Дизайн сайта
http://siegmein.ucoz.ua/_ph/1/2/741375167.jpg?1419795733
Вот так хотите сделать?
Посмотрите вот на этом сайте я сделала по-другому http://malinatomsk.ucoz.ru, все отрегулировала, настроила сокращенную версию, но когда текст маленький, само поле сообщения по высоте уменьшается. А я хочу чтобы они были по высоте одинаковыми, независимо от заполнения текстом. Если новость короткая, пусть там просто пустое место остается. Сейчас я это сделала с помощью дополнительных Enter в тексте. Меня интересует, можно ли это в шаблоне как-то настроить?
Найдите в таблице стилей CSS строку номер 137:
.eBlock td.eMessage,.eBlock td.eText,.eMessage,.eText {color:#650c50;font-family: Verdana, Geneva, sans-serif;margin:0;padding:20px!important;line-height:150%;font-size:12px;text-indent:15px;}

Добавьте параметр - display: inline-flex;

То есть готовый и правильный код должен выглядеть вот так:
.eBlock td.eMessage,.eBlock td.eText,.eMessage,.eText {color:#650c50;font-family: Verdana, Geneva, sans-serif;margin:0;padding:20px!important;line-height:150%;font-size:12px;text-indent:15px;display: inline-flex;}
Всё сделала, теперь Enter автоматически убирается как я поняла, и сообщения по высоте разные все равно.
 inline-flex - это свойство в справочнике не нашла, за что оно отвечает?
Что делает inline-flex, читаем вот здесь - http://css.yoksel.ru/flexbox/#display-flex

Посудите сами, если в одном из материалов текста меньше, внизу в любом случае будет пустое расстояние, а так мы его убираем и каждый материал смотрится лучше чем было до.
Ну.. не знаю. Когда много пустого места - это конечно некрасиво, но когда новость содержит одну строчку и сообщение по высоте принимает форму минимума - это тоже как-то не очень смотрится)

Ответов: 2

голоса: +3
 
Лучший ответ

Не так всё просто, у вас используется псевдоэлемент :before вот из за него это и происходит, удалите из .eBlock min-height и из .eBlock td height  и как сказали выше лимитируйте символы.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
голоса: +4

В Настройках модуля - Новости сайта, найдите пункт - Количество символов, отведенных тексту сокращенной версии сообщения.

В данном поле настройке вашу сокращенную версию и определите минимальный лимит символов который вам нужен, для сокращенной версии новости.

Дополнительно, ознакомьтесь с материалом - http://www.ucoz.ru/qa/index.php/6694 по данному принципу можно сделать сокращенную версию и для модуля Новости сайта.

| Автор:
...