Недавнее содержимое от Serg001

Как яркий пример, первая часть кода работала сразу, я написал об этом в самом начале. Что не возможно при корректной работе static, так же не работающая вторая часть кода, что невозможно при корректной работе relative.

Думаю что проблема в том что большое наслоение свойств и классов. Адаптация заработала только после явного указания свойства релатив или абсолют для тега @media.

Всех в мире кнопок? Очень сомневаюсь :D:D:D

Проблема решена, дело было в том что свойства top и right не влияют на position: static; Нужно было указать position: absolute; или position: relative; в свойствах @media. Рабочий код: .compare { width: 70px; height: 30px; line-height: 20px; padding: 0 10px...

В таком виде все работает без каких либо изменений: .compare { width: 70px; height: 30px; line-height: 20px; padding: 0 10px !important; padding-right: 20px !important; padding-bottom: 10px !important; } @media only screen and (max-width: 1920px)...

В гугл хроме, просмотреть код и изменяю ширину, в правом верхнем углу он показывает разрешение, стандартный способ, всегда работает =).

При изменении разрешения позиция кнопки не переключается :(. Работает только первая часть кода для 1920px.

Парни поправьте кто знает в чем дело плз.

tuxfighter поправь плз если можешь, не работает :(. Работает только первая часть @media для 1920. @media only screen and (max-width: 1920px), only screen and (max-device-width: 1920px) { .compare { right: -500px; top: -720px; width: 70px; height: 30px...

Подскажите как адаптировать? Возможно ли тэг @media применить только к положению кнопки при различных разрешениях экрана?

Благодарю! Это работает! Донастрою уже сам =) Это решило мою проблему =)

Всем привет! Подскажите пожалуйста как отредактировать место положение и размер кнопок на странице сетки товаров. Я хочу передвинуть кнопку "сравнить" в правый верхний угол и уменьшить ее. А кнопку "в корзину" растянуть на всю ширину мини изображения. Подскажите пожалуйста как это сделать или...