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

Главные вкладки

Аватар пользователя Vladimir_Z Vladimir_Z 19 мая 2008 в 23:15

Подскажите, пожалуйста, как организовать вывод нод одного типа в три колонки.
То есть первая строка - ноды (тизеры) 1, 2, 3, вторая строка - 4, 5, 6 и так далее.

Спасибо.

Комментарии

Аватар пользователя Vladimir_Z Vladimir_Z 21 мая 2008 в 0:03

Спасибо, neoclassic. Bonus: Grid view делает то, что надо. Правда выводит в четыре колонки, но, думаю, это можно исправить если покопаться.

Химически Али и VladSavitsy: Такое изменение стиля node работает, но есть побочный эффект - когда нода выводится одна, она занимает только 30% по ширине.
Как применить измененный стиль node к выводу только списка нод одной категории непонятно.

Аватар пользователя Химический Али Химический Али 20 мая 2008 в 9:00

Зачем привлекать злых духов? Воспользуйтесь возможностями css!

шаг 1. определяете область, в которой будут выводиться в колонки. (div, видимо)
шаг 2. дописываете css для выводимых блоков (наверное, "div class=node"):

.node {
 /*ваши стили*/
  width: 49%;
  float: left;
  clear: none;
}

И все выведется в 2 колонки! а если поставить 30-32%, то в три (:

Правда, это не

123
456

как вы просили, зато три колонки Blush

Хотя... попробуйте сменить на float:right - наверное, тогда будет что надо.

Аватар пользователя VladSavitsky VladSavitsky 20 мая 2008 в 12:07

Ничего добавлять не нужно.

.node {
 /*ваши стили*/
  width: 30%;
  float: left;
  clear: none;
}

И ноды будут выводиться как раз так:
123
456

Но! В ИЕ есть проблема с блочной моделью и задать 33% нельзя - нужно оставить зазор между колонками.