Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Вирівнювання карточки товару
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
Алоха піпл. Тема куплена з templatemonsters спеціально під woocommerce, але багато де я замітив таку "шнягу" - http://angelatko.com/shop/, тобто карточка товару чомусь перескакує.
Я завжди робив костиль через css зменшуючити на декілька пікселів розмір карточки товару, але це не варіант кожного разу таке робити в різних темах.
Хто може пояснити чому так відбувається і як цього уникнути?
Ось оригінал - https://one.templatemonster.com/demo/95013.html
певно, через різну висоту карток. Перша картка має більше тексту знизу, ніж решта карток, і воно не дає картці знизу нормально припаркуватись
Найпростіше виправити через flex, але в такому випадку потрібно перевіряти на всіх розширеннях і браузерах (прогнати через https://www.browserstack.com/ )
Посилання на знімок у високій якості https://postimg.cc/fkvTdCzX
Для того, щоб усі картки були одного розміру, необхідно задати max-height та встановити overflow: hidden;
В такому випадку також потрібно дивитись , щоб частина тексту не була за прихованою. Тому height потрібно підбирати.
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
