Категории

[FAQ] Часто задаваемые вопросы и ответы

Проблемы и решения

Ошибки и исправления

Общие вопросы

Расширения

Установка и обновление

Модули

Шаблоны

Локализация интерфейса

Коммерческие предложения

Учимся бизнесу

Бизнес книги

Поисковая оптимизация (SEO)

Магазины на ShopOS

Хостинг для ShopOS

Предложения и пожелания

Курилка

Вопрос к дизам и верстальщикам.

Я в верстке слабоват пока. Вопрос такой :

Есть несколько полей которые обозначены тего <p> и выводятся в цикле.
В стилях данного тега (а точнее класса p.half{}) я прописал, чтобы ширина была чуть меньше половины области.
Теперь мне нужно чтобы данные поля выводились в две колонки, а не в одну как сейчас.

Как сверстать?


Проще и надежнее использовать старые добрые таблицы.


пробовал, но видимо руки не оттуда ростут.


Если позиционирование данных в выводе значение не имеет, то можно сделать примерно так

<p class="half">тут контент</p>
<p class="half">тут контент</p>
<p class="half">тут контент</p>
<p class="half">тут контент</p>
<p class="half">тут контент</p>
<div class="clear"></div>


p.half {width:50%;float:left;}
.clear {clear:both;} /* нужно, чтобы обрезать все, что снизу и не давать зализать на блоки. */


ширина должна быть указана такая, которая сможет делиться на 2(два), чтобы блоки могли помещаться по два в линию.

Вообще тег p для вывода абзацев. Если у тебя там просто какие-то мелкие данные, то можно запихать списки, типа ul>li


Примеров табличной верстки много в папке
themes/ШАБЛОН/module
например
themes/ШАБЛОН/module/product_listing/product_listing_columns.html

Используется переменная $col


Огромное всем спасибо. Все получилось.


Источник



Copyright ShopOS