ПафНутиЙ-Блог » Облако тегов » новости в 2 колонки

Новости в две, три, четыре и т.д. колонки (развитие мысли)

24.03
60
29837
Новости в две, три, четыре и т.д. колонки (развитие мысли)

Эта статья - логическое продолжение поста про новости в две колонки (jQuery Edition).

В комментариях был задан вопрос о невозможности вывести новости в 3, 4 и т.д колонки. Я не стал приводить код в комментариях, а решил немного описать решение и сразу показать его демонстрацию.

Итак суть по прежнему не меняется, будем использовать jQuery, но на этот раз код сократится до 1 строчки, что положительно влияет на скорость загрузки страницы (пусть и совсем незначительно).

Вывод новостей в 2 колонки (jQuery edition)

30.05
37
30389
Вывод новостей в 2 колонки (jQuery edition)

Сегодня я покажу вам, простейший и в то же время универсальный способ вывода новостей в две колонки с помощью CSS и jQuery.
Способ этот примечателен двумя моментами:
1 - Корректный вывод новостей, независимо от высоты каждой новости в отдельности (объясню этот момент пожже, если кому то не понятно).
2 - Если в браузере отключены яваскрипты, новости будут выводиться в 1 колонку, не уродуя дизайн сайта.

Вывод новостей в 2 колонки.

26.07
30
30463
Вывод новостей в 2 колонки.


В данной статье попытаемся решить проблему вывода новостей на сайте, работающем на DataLife Engine, в 2 колонки без применения яваскриптов, правки кода движка и прочих ненужных, на мой взгляд, вещей.
Для реализации этого "безобразия" нам потребуются только прямые руки и элементарные знания CSS и HTML.

P.S.
Способ не будет работать в IE 6. Пора уже выкинуть этот ущербный устаревший браузер.