LINUX.ORG.RU
Форум — Development  

Вывод текста в две колонки


0

0
Вот такая проблема. Есть почти готовый сайт на django, в нем на определенную страницу выводится текст с тэгами, набранный в tinyMCE.

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

Первой мыслью было делить текст например на два куска, но потом пришла мысль, что может разделить и по содержимому тэга, отчего получится не очень хорошо. Тэги различные, есть span-ы, p, img-и и table.

Есть какое-нибудь решение, желательно не требующее существенных изменений в структуре сайта?

anonymous
← Django + WYSIWYG редактор
Стоит ли изучать mono (C#)? →
Нету такого решения. В некоторых браузерах ;) поддерживается CSS свойство (-webkit-|-moz-)column-count.

Для того, чтобы реализовать такое россбраузерно, прийдется либо делить тукст вручную (скорее всего), возможно javascript-ом, либо поигратся свойством float каждого из тегов (если выйдет, обязательно раскажы об этом).

zzandy
()
Ответ на: комментарий от zzandy
Да, похоже так и есть. Весь вечер пытаюсь решить проблему - в данной постановке она не решается. Через css ничего не получилось.

>либо поигратся свойством float каждого из тегов (если выйдет, обязательно раскажы об этом).

Чтобы поиграться с float-ом, придется резать текст на куски и заворачивать в свои <p class="...">, что конечно не такое красивое решение...

anonymous
()
заказчик - мудак. такое очень хреново читается.
Dark_SavanT ★★★★★
()
Отвечай заказчику что это невозможно и пусть идёт нах.
INFOMAN ★★★★★
()
В общем кое-как проблему решил. Не самым красивым способом конечно.

Заметил, что tinyMCE всё заворачивает в <p></p>, решил тупо разделить все по <p>, засунуть всё в массив, и разбить на середине+1. Ну и выводится всё в 2 див-а соответственно.

В случае некоторого количества (> 5) примерно равных абзацев оно выглядит на вид неплохо. Читается конечно ужасно. А если <p> меньше, или они сильно различаются по размеру, то тогда совсем плохо:)

Ну и выводится всё в 2 див-а соответственно.

Но для того случая я оставил возможность делать в текст в одну широкую колонку.

anonymous
()
Ответ на: комментарий от anonymous
Мне кажется было бы правильнее ручное деление, по какому-нибудь <hr> например.
VirRaa ★★★
()
Когда вижу сайт с текстом в две колонки, хочется у$%бать кому-то с ноги по лицу. Я не шучу.
anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← Django + WYSIWYG редактор
Development
Стоит ли изучать mono (C#)? →