div.catalog-top и div.catalog-item-card попробывал с display: inline-block - чет не получилось
27.12.2010 22:27:22
div.catalog-top и div.catalog-item-card попробывал с display: inline-block - чет не получилось
|
|
|
|
27.12.2010 22:43:19
|
|||
|
|
28.12.2010 11:06:53
мы же циклом выводим => всё фиксированно. никакой лесенки |
|||||
|
|
28.12.2010 18:12:30
Вот пример лесенки <div style="width:130px;"> <div style="width:50px; margin:5px; float:left; background:red;">1111 1111 1111</div> <div style="width:50px; margin:5px; float:left; background:yellow;">222 222</div> <div style="width:50px; margin:5px; float:left; background:green;">333</div> </div> Зеленый блок должен быть под красным блоком, а не справа от него: |
|||
|
|
28.12.2010 18:15:01
Большое спасибо за помощь Алексею Косоротову!
Сейчас подробно расскажу как добились диномического вывода! Разметка
Стили шаблона
Переходим к сайту нажимаем режим правки Top элементов каталога по параметру (bitrix:store.catalog.top)/Редактировать шаблон компонента!Создаем новый! В появившемся окне выделяем и удаляем все и вставляем вот этот код!
|
|||||||
|
|
28.12.2010 18:16:11
А вот пример с display:inline-block;
<div style="width:130px; margin:10px 0;"> <div style="width:50px; margin:5px; display:inline-block; vertical-align:top; background:red;">1111 1111 1111</div><div style="width:50px; margin:5px; display:inline-block; vertical-align:top; background:yellow;">222 222</div><div style="width:50px; margin:5px; display:inline-block; vertical-align:top; background:green;">333</div> </div> В данном примере важно не делать пробелов и переводов строк после каждого дива |
|
|
|
29.12.2010 15:04:22
каждый выводимый товар имеет ещё и свойство height . если его не будет то будет хаос. к тому же свойства товаров обозначенные на вывод в компоненте, при отсутствии какого нибудь свойства у товара, то всё будет сбиваться. |
|||||
|
|
30.12.2010 18:56:22
|
||||
|
|
|||