ищу автоматические разбиение текстового массива на 3 колонки (журнального типа).

[kyakapa4a]

Народ! Помогите чем можете.
Ищу автоматическое разбиение массива текста на 3 колонки.
Прослышал что есть такой способ с помощью css и Js. Но поиски в google ничего не дали.
Люди обсуждали эту тему лет 5/7 назад.
Собственно нужна таблица 770px, с шириной 1 колонки 250px, всё остальное на отступы... (смотрите рис. ниже)
Я мог бы Таблами cделать, но ведь это же трабельно О_о. Да к тому-же это нужно для добавления статей(много) на сайт под движком PhpFusion.
Как это реализовать? Где почитать, узнать, выведать?
Вот такая штука есть на php, но к моему случаю она видино не подходит (

_http://php.spb.ru/php/kolonki.html

Не засунешь же этот код в поле добавления статьи...

Для просмотра ссылки Войди или Зарегистрируйся

 

[upandhigh]

<style>
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 750px;
}

#col1 {
	float: left;
	width: 250px;
        background: #EEEEEE;
}

#col2 { 
	float: left;
	width: 250px;
        background: #cccccc;
}

#col3 {
	float: right;
	width: 250px;
        background: #EEEEEE;
}

</style>
<div id="wrapper">
	<div id="col1">
		COLUMN_1</br>
		COLUMN_1</br>
		COLUMN_1</br>
		COLUMN_1</br>
		COLUMN_1
	</div>
		
	<div id="col2">
		COLUMN_2</br>
		COLUMN_2</br>
		COLUMN_2</br>
		COLUMN_2</br>
		COLUMN_2
	</div>
		
	<div id="col3">
		COLUMN_3</br>
		COLUMN_3</br>
		COLUMN_3</br>
		COLUMN_3</br>
		COLUMN_3
	</div>
</div>

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

на Jquery это будет что то типа:

jQuery.each(arrayVals, function(i, val) {
     $("#col"+(i % 3 + 1)).append(val);
});

arrayVals - у тебя массив в котором сложены строки для разделения на три столбика.

 

[kyakapa4a]

Это же таблица блоков. Только через css...
Автоматической разбивкой тут не пахнет, всё равно спасибо.

Вопрос всё ещё актуален!

 

[upandhigh]

те тебе нужно исходный ТЕКСТ, разбить по объему на три равные части и каждую часть запихать в один столбик? чтобы как в газете типа было?

 

[kyakapa4a]

а,и чтобы это делалось автоматически, тоесть пишу я один непрерывный или разделённый(без разницы) абзацами, массив текста.
заключаю его в тег прописанный в css и текст делится на 3 равные части, или 2 равные части и тртяя остаток.

Я слышал что такое можно сделать в связке css + js. Но как сделать запрос в гугл не представляю (((

 

[upandhigh]

это не сложно.

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

еще знаю что в CSS3 что то придумали что вобще на сонове самих ЦСС вроде как тока это бьется, но это далеко не во всех браузерах будет работать. слишком свежая вещь.

 

[kyakapa4a]

Блин, засада Поключение css прямо в поле добаления статьи и написание css в нём же, на fusion не работет... В полях добавления статичных страниц можно добавить css потом текст а в артиклах нет :'(... А я думал везде одинаково.
Видимо мне придётся абломатся (((
Спасибо тебе upandhigh.