При очередном редактировании случайно заметил, что появилась горизонтальная прокрутка. Сделал откат на день назад, но не помогло. Хэлп!!! Не могу понять где ошибка! Адрес магаза: http://sektormag.ru/
0
Появилась Горизонтальная Прокрутка
Автор Bogdanovich4you, 23 нояб. 2012 23:20
Сообщений в теме: 3
#1
Отправлено 23 Ноябрь 2012 - 23:20
#2
Отправлено 24 Ноябрь 2012 - 10:26
Bogdanovich4you (23 Ноябрь 2012 - 23:20) писал:
При очередном редактировании случайно заметил, что появилась горизонтальная прокрутка. Сделал откат на день назад, но не помогло. Хэлп!!! Не могу понять где ошибка! Адрес магаза: http://sektormag.ru/
Ваши элементы с права не умещаются, поэтому и получается полоса прокрутки. Вот инструкция как это исправить
в файле main. css найдите блок (844 строка):
.contvk { right: -350px; position: absolute; top: -140px; width: 300px; z-index: 5; }
и замените ее полностью на
.contvk { right: -145px; position: absolute; top: -140px; width: 100px; z-index: 5; text-decoration: none; }
Теперь найдите блок
.bannerright {
right: -191px;
position: absolute;
top: 100px;
width: 175px;
z-index: 5;
}
и замените на
.bannerright { right: -191px; position: absolute; top: 100px; width: 175px; z-index: 5; }
Далее:
В HTML файле найдите блок, которым Вы вставляли правый баннер:
<div class="bannerright"> <ul> <li><a href="http://novinki-2.sektormag.ru"><img src="http://files.storeland.ru/web/upload/sitefiles/4/313/312680/novinki.jpg" title="Спеши узнать подробности!" alt="Бесплатная доставка" width="130"></a></li> <br>
замените эту часть на
<div class="bannerright"> <ul> <li style="margin-left: 47px;"><a href="http://novinki-2.sektormag.ru"><img src="http://files.storeland.ru/web/upload/sitefiles/4/313/312680/novinki.jpg" title="Спеши узнать подробности!" alt="Бесплатная доставка" width="128"></a></li></li> <br>
ниже у Вас есть вот примерно такая строчка (с помощью нее Вы ставили скрипт для соц.сетей)
<div class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="link" data-yasharequickservices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird" ">замените эту часть строчку на
<div class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="link" data-yasharequickservices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird" style="margin-right: 17px; margin-left: 45px;">
Если у Вас небольшая горизонтальная полоса прокрутки еще останется, найдите строчку, которая вставляет правый баннер:
<div class="bannerright"> <ul> <li style="margin-left: 47px;"><a href="http://novinki-2.sektormag.ru"><img src="http://files.storeland.ru/web/upload/sitefiles/4/313/312680/novinki.jpg" title="Спеши узнать подробности!" alt="Бесплатная доставка" width="128"></a></li></li> <br>и меняйте 2 значения: margin-left: 47px; и width="128" - ровно на сколько будете уменьшать width="128", на столько же значений увеличивайте margin-left: 47px;. Правда тогда теперь и у левых баннеров для пропорциональности нужно изменить width="130" на такое же значение как у правого баннера.
#3
Отправлено 06 Май 2014 - 20:17
Посмотрите плиз акк SL-287676
тоже полоса прокрутки горизонтальная, я и не заметила ее
тоже полоса прокрутки горизонтальная, я и не заметила ее
#4
Отправлено 07 Май 2014 - 01:22
Найдите в вашем файле стилей main.css следующий класс
и замените его на
#cartInfo { bottom: 6px; font-size: 13px; position: relative; right: -780px; top: 90px; white-space: nowrap; }
и замените его на
#cartInfo { bottom: 6px; font-size: 13px; position: absolute; right: 48px; top: 90px; white-space: nowrap; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных