COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Съезжает товар в рекомендуемые и новинки


Recommended Posts

Добрый день подскажите из за чего может сьезжать товар в модулях рекомендуемые,новинки и прочее.Получается этакая лесенка,и чем больше добавить туда,тем больше оно так сьезжает

Скрытый текст

9a2a1e845c458e13cbe329e7c862fd7a-full.jp

 

http://nikitka-family.ru/

 

Картинки, код и логи убирайте под спойлер.

Ссылка на комментарий
Поделиться на других сайтах

1). для начала

Так

#logo {

   width: 1150px; 

}

делать не надо.

И такой детализованный логотип не стоит делать тоже.

Логотип= это ЛОГОТИП.

А картинка на фоне шапки сайта- это картинка на фоне.

Две большие разницы.

2). Блоки карточек товара выстраиваются друг за другом из=за свойства float: left;

После заполнения ряда, следующая карточка проваливается на ряд ниже и скользит в левую сторону.

Если высота блоков в предыдущем ряду разная, то она может не доскользить до начала ряда, а зацепиться за одну из карточек.

Решение:

1).  Использование скрипта, выравнивающего все блоки по высоте.

2).  С помощью стилей задать высоту блоков равную максимальной высоте карточек товаров. Повторить эту процедуру для различных разрешений экрана с медиазапросами.

Ссылка на комментарий
Поделиться на других сайтах

  • RHCk changed the title to Съезжает товар в рекомендуемые и новинки

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу