#1
Отправлено 16 Февраль 2014 - 20:51
помогите исправить боковое меню, при уменьшении окна браузера появляется полоска сбоку от блока "покупателю" и тянется вверх.
1. Убрать полоску
2. Блок "покупателю" уменьшить шапку самого фона
Аккуант SL-256314
#2
Отправлено 17 Февраль 2014 - 07:01
Shadelle (16 Февраль 2014 - 20:51) писал:
помогите исправить боковое меню, при уменьшении окна браузера появляется полоска сбоку от блока "покупателю" и тянется вверх.
1. Убрать полоску
2. Блок "покупателю" уменьшить шапку самого фона
боковое меню.jpg боковое меню1.jpg
Аккуант SL-256134
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;}на этот
div.block {width: 218px;} .block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}
2. Не поняла вопроса. Можете подробнее описать?
#3
Отправлено 17 Февраль 2014 - 14:59
support 2.0 (17 Февраль 2014 - 07:01) писал:
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;}на этот
div.block {width: 218px;} .block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}
2. Не поняла вопроса. Можете подробнее описать?
Спасибо большое support 2.0 полоска убралась, 2 вопрос попробую изобразить
#4
Отправлено 17 Февраль 2014 - 19:01
Shadelle (17 Февраль 2014 - 14:59) писал:
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}замените на
.block2 {margin-bottom: 10px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}
#5
Отправлено 17 Февраль 2014 - 20:33
#6
Отправлено 17 Февраль 2014 - 20:39
support 2.0 (17 Февраль 2014 - 19:01) писал:
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}замените на
.block2 {margin-bottom: 10px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}
Большое спасибо за быстрые ответы, все получилось
Чтоб не открывать новую тему, задам ещё один вопрос.
Как перенести корзину и время работы?
так сейчас
с изменениями
Извините и спасибо
#7
Отправлено 18 Февраль 2014 - 04:48
номер, указанный выше не действителен, а по почте, магазин заблокирован
#9
Отправлено 18 Февраль 2014 - 19:10
Shadelle (17 Февраль 2014 - 20:39) писал:
Далее в шаблоне style.css найдите данный блок кода:
#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}
замените его на:
#header #cart_block{z-index:10;display:none;position:absolute;right:432;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}
далее замените данный блок кода:
#header_shopping_cart{position: static;width:200px;float:right;clear:both;margin: 25px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#fafafa url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #fafafa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
на:
#header_shopping_cart{position: absolute;width:200px;float:right;clear:both;margin: 25px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#fafafa url('http://design.shadelle.ru/cart_red.png') no-repeat 12px;border:1px solid #fafafa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);right: 200%;top: 13%;}
#10
Отправлено 18 Февраль 2014 - 20:00
Alexey11 (18 Февраль 2014 - 19:10) писал:
#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}
замените его на:
#header #cart_block{z-index:10;display:none;position:absolute;right:432;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}
далее замените данный блок кода:
#header_shopping_cart{position: static;width:200px;float:right;clear:both;margin: 25px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#fafafa url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #fafafa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
на:
#header_shopping_cart{position: absolute;width:200px;float:right;clear:both;margin: 25px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#fafafa url('http://design.shadelle.ru/cart_red.png') no-repeat 12px;border:1px solid #fafafa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);right: 200%;top: 13%;}
Все отлично огромное спасибо за скорость ответов, вернула корзину на место потому что вся шапка съезжает при изменении размера браузера
Темы с аналогичным тегами меню
Вопросы работы сервиса StoreLand →
Другие вопросы →
Изменение Url'a Ссылки Навигационного МенюАвтор Гость_smoke_story_* , 05 нояб. 2019 Навигация, Меню и 4 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Каталог товаров →
Сделать Выпадающее МенюАвтор Гость_arpico-latex_* , 16 янв. 2019 выпадающее, меню |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Нужна Помощь Редактировании Шаблона ОсеньАвтор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Весна →
Другое →
Убрать Строку-Меню Перед ПодваломАвтор Гость_Olivka_* , 14 июня 2018 подвал, меню |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Помощь По ВерсткиАвтор Гость_akhmanaev666_* , 13 июня 2018 меню, лазурь, описание товара |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных