Как добиться автоматического увеличения ячеек в зависимости от размера контента

Йожек · 25.11.2011, 17:44

Здравствуйте!
Подскажите пожалуйста, как сделать так, чтобы при добавлении контента в div, который в свою очередь находится в ячейке таблицы эта самая ячейка могла менять свою высоту или чтобы появлялась полоса прокрутки. То есть, если вдруг контент окажется больше, чтобы и ячейка увеличивалась.

Йожек · 25.11.2011, 17:46

Вроде бы простой вопрос, но ответов я не нашел.

stringer · 25.11.2011, 17:56

для div пишешь:
overflow-y: auto;
max-height: 200px;

Йожек · 25.11.2011, 18:01

Огромное спасибо, это уже что-то.
Но хотелось бы сделать по-человечески, например, если текст очень большой, то изначально отображается часть его и такая кнопочка "читать далее", нажимаешь на нее и текст показывается целиком.

Йожек · 12.12.2011, 14:25

За счет чего можно это реализовать?

-=UncleByte=- · 12.12.2011, 17:25

Прикрутить jQuery и добавить несколько классов, добавить кнопку и пару классов для текста, которые и переключать.
первый класс (состояние по умолчанию) height: 250px; overflow: hidden;
второй класс (состояние по нажатию кнопки) height: auto!important; overflow:auto!important;
и написать свой мини-скрипт на jQuery? что-то типа
$(document).ready(function(){
$("div.div-with-text").each(function(){
$("div.div-with-text").append("<div class="button">Подробнее</div>");
});
$("div.button").click(function(){
$("div.div-with-text").toggleClass("show-all");
});
})
Как-то так.

25.11.2011, 17:44	#1
Йожек Продвинутый Регистрация: 26.10.2011 Сообщений: 31	Как добиться автоматического увеличения ячеек в зависимости от размера контента Здравствуйте! Подскажите пожалуйста, как сделать так, чтобы при добавлении контента в div, который в свою очередь находится в ячейке таблицы эта самая ячейка могла менять свою высоту или чтобы появлялась полоса прокрутки. То есть, если вдруг контент окажется больше, чтобы и ячейка увеличивалась.

25.11.2011, 18:01	#4
Йожек Продвинутый Регистрация: 26.10.2011 Сообщений: 31	Огромное спасибо, это уже что-то. Но хотелось бы сделать по-человечески, например, если текст очень большой, то изначально отображается часть его и такая кнопочка "читать далее", нажимаешь на нее и текст показывается целиком. Последний раз редактировалось Йожек; 12.12.2011 в 14:25

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как добиться невидимости страницы для realurl?	salah	Общие вопросы	4	08.12.2008 16:10
Как скрыть пустой блок контента	razawa	TypoScript практикум	21	11.10.2007 11:07
ПРОБЛЕМА! Создаю таблицу, как элемент контента.	thebat	Общие вопросы	4	09.03.2007 13:58

25.11.2011, 17:46	#2
Йожек Продвинутый Регистрация: 26.10.2011 Сообщений: 31	Вроде бы простой вопрос, но ответов я не нашел.

25.11.2011, 17:56	#3
stringer Новенький Регистрация: 25.11.2011 Сообщений: 4	для div пишешь: overflow-y: auto; max-height: 200px;

12.12.2011, 14:25	#5
Йожек Продвинутый Регистрация: 26.10.2011 Сообщений: 31	За счет чего можно это реализовать?

12.12.2011, 17:25	#6
-=UncleByte=- Senior Member Регистрация: 14.04.2006 Сообщений: 1,159	Прикрутить jQuery и добавить несколько классов, добавить кнопку и пару классов для текста, которые и переключать. первый класс (состояние по умолчанию) height: 250px; overflow: hidden; второй класс (состояние по нажатию кнопки) height: auto!important; overflow:auto!important; и написать свой мини-скрипт на jQuery? что-то типа $(document).ready(function(){ $("div.div-with-text").each(function(){ $("div.div-with-text").append("<div class="button">Подробнее</div>"); }); $("div.button").click(function(){ $("div.div-with-text").toggleClass("show-all"); }); }) Как-то так.