Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

При нажатии на кнопку "Корзина покупок" она сдвигается вправо


imeged

Recommended Posts

Здравствуйте. Проблема заключается в следующем: при нажатии на кнопку "корзина покупок" она сдвигается вправо и накладывается на форму поиска. Подскажите пожалуйста, где это исправить в css stylesheet? сайт sledoc.com.ua

stylesheet.css

Надіслати
Поділитися на інших сайтах




Найти
#header #cart {
position: absolute;
top: 50px;
left: 320px;
z-index: 15;
min-width: 100px;
}
Заменить
#header #cart {
position: absolute;
top: 50px;
left: 320px;
z-index: 16; / Можно и больше значение поставить (9999 макс) p.s удалить это
min-width: 100px;
}


Найти
#header #cart.active .heading {
/*margin-top: 5px;
padding-top: 10px;
padding-bottom: 6px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;*/
background:#fff;
border-bottom-color:#fff;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}


Заменить
#header #cart.active .heading {
right:137px;
background:#fff;
border-bottom-color:#fff;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

Надіслати
Поділитися на інших сайтах


 

Найти
#header #cart {
position: absolute;
top: 50px;
left: 320px;
z-index: 15;
min-width: 100px;
}
Заменить
#header #cart {
position: absolute;
top: 50px;
left: 320px;
z-index: 16; / Можно и больше значение поставить (9999 макс) p.s удалить это
min-width: 100px;
}


Найти
#header #cart.active .heading {
/*margin-top: 5px;
padding-top: 10px;
padding-bottom: 6px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;*/
background:#fff;
border-bottom-color:#fff;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}


Заменить
#header #cart.active .heading {
right:137px;
background:#fff;
border-bottom-color:#fff;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

 

Спасибо! Помогло, но теперь, при клике на пустую корзину, она сдвигается влево ((

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.