Несколько колонок контента

Подскажите, как можно реализовать несколько колонок контента?
Допустим, в первой колонке посты с одной рубрики, в другой – со второй, и так далее.

5 Комментарии

  1. 5 колоночная верстка:
    [cc lang=”css”]
    #b780.c{display:block;float:left;margin:0 9px 10px 10px}
    #b780.l{display:block;float:left;margin:0 9px 10px 0}
    #b460.c{display:table-cell;float:left;margin:0 9px 15px 10px;width:450px!important}
    #b460.l{display:table-cell;float:left;margin:0 5px 15px 0}
    #b140.l{display:table-cell;float:left;margin:0 9px 10px 0;padding:0 0 5px}
    #b220.l{display:table-cell;float:left;margin:0 0 10px;padding:0 8px 5px 0}
    #bo780.c{border-right:1px solid #ccc;display:block;float:left;margin:0 9px 10px 10px}
    #bo780.cr{border-right:1px solid #ccc;display:block;float:right;margin:0 0 10px 10px}
    #bo780.l{border-right:1px solid #ccc;display:block;float:left;margin:0 9px 10px 0}
    #bo460.c{border-right:1px solid #ccc;display:table-cell;float:left;margin:0 9px 15px 10px;width:450px!important}
    #bo460.l{border-right:1px solid #ccc;display:table-cell;float:left;margin:0 9px 15px 0;padding:0 9px 0 0}
    #bo220.l{border-right:1px solid #ccc;display:table-cell;float:left;margin:0 0 10px;padding:0 8px 5px 0}
    #bo140.l{border-right:1px solid #ccc;display:table-cell;float:left;margin:0 9px 10px 0;padding:0 0 5px}
    Код, конечно не идеален, но свое дело делает. Создаем блоки по 140px и начинаем ими играть через вкладывание, сложение, прибивкой вправо-влево.
    Например:

    создали колонку в 300px (2 раза по 140) и прилепили её влево
    создали колонку в 140px и прилепили её внутри слева
    создали колонку в 140px и прилепили её внутри справа
    выравниваем нижнюю границу (ну и что, что снизу могут появиться "висячки")
    создали колонку в 640px и прилепили её вправо. Внутри здесь также мы можем хоть как играться блоками. Например зделать 140 слева, 140 справа и 300 посередине. А потом еще этот 300 поделить пополам по 140px
  2. Оговорился: это, конечно же 6-и колоночная верстка. Ну и забыл добавить – внутри блоков делай по отдельному Loop с запросом к нужной категории :)

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*