Если текст выходит за блок DIV, как его скрыть без применения overflow: hidden

голоса: 0
На главной странице внизу (см.ссылку на сайт) выводится информер последних новостей блога. Сейчас прописан для внутреннего блока DIV следующий стиль

.blogs-box {
overflow: hidden;
height: 180px;}

Тем самым текст большой статьи скрывается.

Вопрос в том, что мне не нужно чтобы он обрезался, это некрасиво, когда буквы обрезаны.

Нужно сделать так чтобы выводиились несколько строчек (например, 7) и в конце стояли три точки и была ссылка на "ЧИТАТЬ ДАЛЕЕ"

Как это реализовать? помогите пожалуйста!!!!

 

Шаблон был куплен на Utamplate, но автор шаблона не может решить данную задачу.. или не хочет...
Адрес сайта http://amooli.ucoz.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ
1. Да стилями вы уже описали метод выше, есть последствия использования данного метода, да, некрасиво, но по другому никак если использовать стили.

2. Кнопка читать далее, в шаблоне информера блога заверните оператор $MESSAGE$ в подобное условие как я описывал уже в ответе на вопрос другого пользователя - http://www.ucoz.ru/qa/index.php/6694 количество символов настраивайте под себя. Конечно идеально не получится, один абзац будет чуть выше , другой чуть ниже, строки разных размеров и разное количество символов, в любом случае где-то будет прерывать строка, а где-то может и попасть точно как нужно, идеально не получится.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
...