Форум Сайтостроение Веб-строительство

Как вывести массив текста в две колонки стилями?

Valeriy
На сайте с 19.04.2007
Offline
110
Valeriy
3084

То есть, любой текст любого размера автоматов разбивается на две (три и более) колонок.

(Замечу: именно текст, а не новости с заголовками)

Реально ли такое сделать?

Мне нужно сделать это с отдельной новостью, где разрешено применение HTML

делаю так

<div style="float: left; width: 48%; overflow: hidden"> здесь сам текст </div>

Текст ужимается влево на пол-страницы, но вторая часть не заполняется.

ЗЫ В сети ни черта не нашел, кроме как ручное разбиение на два дива, или два столбца в таблице.

мое (http://gapeev.info/)
Max_Q
На сайте с 14.11.2011
Offline
9
Max_Q
#1

На css решения я не встречал. Можно сделать такое на JQuery. Как пример:

<script type="text/javascript">
$(document).ready(function() {
var size = $("#data > p").size();
$("#data > p").each(function(index){
if (index >= size/2){
$(this).appendTo("#Column2");
}
});
});
</script>

<div id="data" style="float:left;width:300px;">
<!-- data Start -->
<p>This is paragraph 1. Lorem ipsum ... </p>
<p>This is paragraph 2. Lorem ipsum ... </p>
<p>This is paragraph 3. Lorem ipsum ... </p>
<p>This is paragraph 4. Lorem ipsum ... </p>
<p>This is paragraph 5. Lorem ipsum ... </p>
<p>This is paragraph 6. Lorem ipsum ... </p>
<!-- data Emd-->
</div>
<div id="Column2" style="float:left;width:300px;"></div>
Sentoro
На сайте с 18.03.2007
Offline
149
Sentoro
#2

Valeriy, с помощью css "автоматом" такого не сделать, в любом случае потребуется вставка тегов, которые потом будут оформлены стилями.

p.s. можно каждый из абзацев текста заключить в свой уникальный тег (или определить класс для параграфа), и в css задать для них стили.

Нужно сделать 1 раз или постоянно? Если постоянно, какие для этого условия? (новость из определенной рубрики и т.д.)

вот на php уже можно сделать ф-ю, которая будет резать по кол-ву слов или символов, как вам нужно.

Продается СДЛ на тему инвестирования (http://www.telderi.ru/ru/viewsite/903457)
Яндекс упрощает работу с Новые возможности настройки внешнего Яндекс позволил управлять дизайном
Valeriy
На сайте с 19.04.2007
Offline
110
Valeriy
#3

Max_Q, Спасибо, для меня сложновато будет, проще все же на дивы разбить...

Sentoro, жаль... буду пробовать.

F
На сайте с 24.04.2009
Offline
45
Fearful
#4
Sentoro:
Valeriy, с помощью css "автоматом" такого не сделать

Если не заводить шарманку, про поддержку старья и прочее, то это делается легко

http://htmlbook.ru/css/column-count

Sentoro
На сайте с 18.03.2007
Offline
149
Sentoro
#5
Fearful:
Если не заводить шарманку, про поддержку старья и прочее, то это делается легко
http://htmlbook.ru/css/column-count

ну старье, это у процентов 15%, а то и более, оно не будет работать.

Valeriy
На сайте с 19.04.2007
Offline
110
Valeriy
#6
Fearful:
это делается легко

В Іе не пошло... Старый.

Тут еще как бы такая фигня... У меня не просто текст - там и картинки)

И еще ВВ-коды.

но спасибо, занес в закладки)

F
На сайте с 24.04.2009
Offline
45
Fearful
#7
Sentoro:
ну старье, это у процентов 15%, а то и более, оно не будет работать.

Как на меня, в данном случае это не критично.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий