воскресенье, 05 мая 2013
14:12

Текст поста в две колонки

все записи пользователя в сообществе Cyanea
"Придёт серенький волчок, - монотонно напевала старуха, - и укусит за бочок..." "Вряд ли я это переживу..." - мрачно думал Один, запоминая пророчество.
Добрый день)
Новичок в CSS, поэтому и не могу сообразить: можно ли сделать так, чтобы текст поста шел в две колонки?
Заранее благодарю за помощь.

@темы: текст, платный сервис

URL
Комментарии
05.05.2013 в 14:55

polishastik
Even on the worst days, there's a possibility for joy.
в цсс3 есть свойство columns, но честно говоря, на дайри я его никогда не тестила.
URL
05.05.2013 в 15:08

Тайя.
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Можно, но отображение идет с разной степенью корявости, в зависимости от того, к чему применять. Но попробуйте.

.singlePost {-moz-column-count: 2; -webkit-column-count: 2;-o-column-count: 2; column-count: 2;} - бьет пост на две колонки, захватывая заголовок. Чтобы отображалось в комментах, нужно применить тоже самое к .singleComment: .singlePost, .singleComment {-moz-column-count: 2; -webkit-column-count: 2;-o-column-count: 2; column-count:2;}
Колонки разных размеров, в комментах подпись к аватарке уезжает в отдельную колонку, в общем, черти что.

#postsArea {-moz-column-count: 2; -webkit-column-count: 2;-o-column-count: 2; column-count: 2;} - не текст делится на две колонки, а сами посты выстраиваются в две колонки. Комменты обычные, в общем тоже черти что))

.postContent {-moz-column-count: 2; -webkit-column-count: 2;-o-column-count: 2; column-count: 2;} - вменяемо, но в комментах получается четыре колонки: аватар, две колонки текста и колонка подписи. Можно сделать, чтобы было только в самом дневнике, а не в комментах, тогда #Journal .postContent {-moz-column-count: 2; -webkit-column-count: 2;-o-column-count: 2; column-count: 2;}

#Journal .postInner {-moz-column-count: 2; -webkit-column-count: 2;-o-column-count: 2; column-count: 2;} - практически то же самое, описанное выше.

.paragraph {-moz-column-count: 2; -webkit-column-count: 2;-o-column-count: 2; column-count: 2;} - вменяемо отражает в комментах, но читать все равно не оч. удобно.

Пробуйте по-разному, как понравится.
URL