Всем привет,специалисты CSS помогите разобраться как подровнять изображение товара в общем блоке в поочередной последовательности сайт вот как это выглядит сейчас: --- Добавлено, 25 апр 2014 --- Тему можно закрыть,Решено: Padding:auto
Вы, конечно, молодец, что сами решили проблему. Тем более, что даже лучшие специалисты CSS вряд ли определят по картинке стили элементов
для .product-grid > div можно задать минимальную высоту я поставил min-height:375px; вот что получилось. Понятно что высота блока меняется из-за кнопочек выбора цвета и где-то что-то приходится добавлять или убавлять, нужно решить что именно. Надо понимать что при этом увеличится высота всех подобных блоков. Может разумнее на месте показа этих квадратиков показывать что-то альтернативное. Если есть идеи как должно выглядеть - нарисуйте.
Как вариант можно попробовать поменять местами блок с ценой и выбором цвета ( <div class="price"> и <div class="product-color-options"> ), те цена окажется на одном уровне ( кстати выделите её что-ли покрупнее как-то , например font-size: 18px;(.product-grid .price в stylesheet.css 397 )
Вот спасибо,теперь подумаю как заполнить белое пространство.. --- Добавлено, 26 апр 2014 --- как присвоить весь этот div class="product-color-options" ко всем товарам?
я бы добавил position: absolute; к классу и разместил колоры над названием, например, и с высотой не было бы головняков. хотя она может измениться и когда название будет в 2 строки, это тоже нужно учесть.