Не корректно отображается на главной странице магазина <?$CATALOG$(4,0)?>

голоса: 0
Подскажите пожалуйста, как сделать чтоб каталог на главной странице с товаром отображался как и "Популярные товары ($TOP_WIEW$), чтоб при добавлении новой категории товаров изображение и текст автоматически вcтавал верно как в популярных товарых. Спасибо!
Адрес сайта allisa.ru
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

Найдите в стилях магазина строки с 19 по 23:

table.catalog { width:100% }
table.catalog h3 { margin:0 0 0 60px }
table.catalog td { line-height:160%; padding-bottom:10px; }
table.catalog div { margin:0 0 0 60px; }
table.catalog img { float:left; margin:0; border:0; }

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

| Автор:
Выбор ответа лучшим | | Автор: Oleg Nine
Удалил в коде выделенное красным, у меня там картинки все подогнанные под один размер, сетка выпрямилась и правда, решил добавить обычное изображение в одну из категорий (Шары) В итоге фото всё ровно приобретает полный размер, не выравнивается автоматически как в TOP_WIEW
Oleg Nine,

Проблема в том, что вы к категориям заранее крепите фото разных размеров, если бы крепили фото одинакових размеров, все было бы ровно.

Сейчас я вам могу посоветовать заменить стили в строках с 19 по 23 на:

table.catalog { width:100% }
table.catalog h3 {text-align:center;}
table.catalog td {line-height:100%;padding-bottom:10px;background-color: #fff;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
table.catalog div { margin:0 0 0 60px; }
table.catalog img {margin: 0 auto;display: table;border:0;}

это более менее выровняет блок категорий с картинками и приобретет нормальный вид.

Yuri_Geruk,
Спасибо большое, Юрий! Да получилось тоже отлично! Вид категорий намного лучше выгледит )
...