Levchik (12 Апрель 2016 - 14:38) писал:
По второму - пока осталось по прежнему. Выравнивание зависит от картинки. Если картинка большая (высокая), то текст располагается там где надо (краткое описание выравнено слева по одной линии с названием товара).
А если картинка маленькая, то краткое описание и остальные элементы строки смещаются влево.
Еще раз привожу ссылку для вашего удобства: http://zooteka96.ru/...dovogo-sporta-2
Как сделать, чтобы варывнивание текста не зависело от размеров картинки?
Попробуйте сделать следующее, в main.css найдите код:
.category-info .left { background-color: #ffffff; border: 1px solid #f5f5f5; display: -moz-inline-stack; float: left; margin-right: 10px; padding: 5px; position: relative; text-align: center; vertical-align: top; }
и замените на код:
.category-info .left { margin-bottom: 30px; background-color: #ffffff; border: 1px solid #f5f5f5; display: -moz-inline-stack; float: left; margin-right: 10px; padding: 5px; position: relative; text-align: center; vertical-align: top; }
И снова протестируйте на всех категориях, если где-то будет текст отображаться некорректно, тогда увеличьте значение у свойства margin-bottom: 30px;