Перейти к содержимому


Съехала Верстка Сайта Помогите!


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 17

#1 Егор

Егор

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 18 Февраль 2013 - 13:04

Ситуация такая, давно не делал ни каких действий как администратор, просто не было времени заниматься, как то захожу на сайт, отображается не корректно  никуда зайти не могу ни в каталог ни в контакты, вообщем ни куда. сайт  http://xenon27.ru/.
Прошу помощи, что бы все восстановить.

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 18 Февраль 2013 - 13:21

Попробуйте изменить стили в файле "styles.css".
Найти код:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; height:260px; text-align:center;}
Заменить:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; text-align:center;}


#3 Егор

Егор

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 18 Февраль 2013 - 13:32

Просмотр сообщенияKoderhan (18 Февраль 2013 - 13:21) писал:

Попробуйте изменить стили в файле "styles.css".
Найти код:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; height:260px; text-align:center;}
Заменить:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; text-align:center;}

Просмотр сообщенияKoderhan (18 Февраль 2013 - 13:21) писал:

Попробуйте изменить стили в файле "styles.css".
Найти код:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; height:260px; text-align:center;}
Заменить:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; text-align:center;}






Просмотр сообщенияKoderhan (18 Февраль 2013 - 13:21) писал:

Попробуйте изменить стили в файле "styles.css".
Найти код:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; height:260px; text-align:center;}
Заменить:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; text-align:center;}

Просмотр сообщенияKoderhan (18 Февраль 2013 - 13:21) писал:

Попробуйте изменить стили в файле "styles.css".
Найти код:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; height:260px; text-align:center;}
Заменить:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; text-align:center;}

Просмотр сообщенияKoderhan (18 Февраль 2013 - 13:21) писал:

Попробуйте изменить стили в файле "styles.css".
Найти код:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; height:260px; text-align:center;}
Заменить:
#banner {overflow: hidden; padding:0 0 30px 0; background: url(http://files.storeland.ru/web/upload/sitefiles/1/46/45750/shadow0 - закрыл.png) bottom no-repeat; margin:0; text-align:center;}
СПасибо помогло

#4 Rings.su

Rings.su

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородСанкт-Петербург

Отправлено 25 Ноябрь 2013 - 21:30

Помогите, пожалуйста, мне тоже. Никак не могу самостоятельно разобраться с версткой. Сайт http://rings.su

1. После добавления интерактивного меню каталога появилась проблема с меню каталога (справа) - оно начинает "ездить" при переходах из главной странице товаров в каталоге на отдельный товар.

1.1. Меню также плохо работает в браузерах Explorer и Opera не давая открывать нижние раскрывающиеся ссылки (это как-то исправляли вводом z-index, но я не смог разобраться куда его ввести, чтобы все было правильно.

2. Вторая проблема появилась после добавления раскрывающейся ссылки "Условия доставки". При раскрытии - закрытии данного меню начинает ездить кнопка "в корзину".

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Ноябрь 2013 - 06:17

1. Найдите в шаблоне "Товар" строку

class="goodsDataForm cont700 hiden"

и замените её на

class="goodsDataForm hiden"

2. Удалите из шаблона "HTML" строку

<meta http-equiv="X-UA-Compatible" content="IE=7" />

3. Добавьте в файл стилей main.css

.goodsDataMainDeliveryBlock {
  width: 200px;
}


#6 Rings.su

Rings.su

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородСанкт-Петербург

Отправлено 26 Ноябрь 2013 - 12:32

Спасибо большое, с перемещением кнопки "в корзину" и наложением меню в браузере internet explorer проблема решена :)

Но меню каталога справа по прежнему перемещается при переключении между ссылками и браузер Opera плохо реагирует на открытие нижних ссылок выпадающего меню каталога.

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Ноябрь 2013 - 05:46

Попробуйте добавить в файл стилей main.css

.categories {
	position: relative;
	z-index: 2;
}
#nav li {
	position: relative;
	z-index: 4;
}


#8 Rings.su

Rings.su

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородСанкт-Петербург

Отправлено 27 Ноябрь 2013 - 12:27

Добавил, вроде бы результат остался тем же.

#9 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 28 Ноябрь 2013 - 06:31

Попробуйте сделать следующее - в файле стилей main.css найдите

#nav li.over ul {
  right: 0px;
}

и замените на

#nav li.over ul {
  right: 212px;
  top: 0px;
}

далее найдите

.leftmenu li li {
  display: inline;
}

и замените на

.leftmenu li li {
  display: block;
}


#10 Rings.su

Rings.su

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородСанкт-Петербург

Отправлено 28 Ноябрь 2013 - 17:27

Сделал, как Вы сказали, но не помогло. Может быть дело со страницей "товары" что-то. Я смотрю, что после изменения режима просмотра по-умолчанию на "таблица", при обратном переключении товаров в режим просмотра "список" описание товаром съезжает под фотографию? Т.е. может там что-то с напутано?

Спасибо.

#11 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 29 Ноябрь 2013 - 01:11

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

#12 Rings.su

Rings.su

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Декабрь 2013 - 20:20

Сейчас проверил, действительно в браузере Opera всё стало замечательно. В браузерах Explorer и Chrome по-прежнему правое меню перемещается (очистка кэша не помогла).

#13 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 03 Декабрь 2013 - 01:40

Пожалуйста, приведите пример страниц на которых у вас меню смещается. Так же попробуйте в файл стилей main.css добавить

.content_body * {
  max-width: 690px;
}
.content_catalog * {
  max-width: 230px;
}


#14 Rings.su

Rings.su

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородСанкт-Петербург

Отправлено 04 Декабрь 2013 - 19:36

Супер! Все заработало после последней правки. Единственно выпадающее меню перестает действовать на курсор мыши.

Изображение

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

Меню смещается практически на всех страницах, например при обновлении этой страницы http://rings.su/catalog/Swarovski наблюдается смещение меню каталога (справа). Ваша последняя правка

.content_catalog * {
  max-width: 230px;
}

помогает зафиксировать меню, но выпадающее, как я уже написал немного смещается влево и при наведении курсора пропадает.

#15 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 05 Декабрь 2013 - 01:33

В дополнении к предыдущем стилям - найдите в файле стилей main.css

#nav li.over ul {
  right: 212px;
  top: 0;
}

и замените на

#nav li.over ul {
  right: 183px;
  top: 0;
}

это подвинет выпадающие пункты меню.

#16 Rings.su

Rings.su

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений
  • ГородСанкт-Петербург

Отправлено 06 Декабрь 2013 - 12:28

Спасибо большое, все заработало и каталог больше не смещается.  :)

#17 Vladimiropt

Vladimiropt

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 30 Декабрь 2015 - 12:19

Добрый День! Аккаунт SL-369308
Слетела верстка в левом раскрывающемся меню (разные междустрочные интервалы и наслаиваются др. на др. изображения)
Сайт достался по наследству, прошу помочь разобраться.   http://avs-el.ru/
Изображение что не так.

https://dropmefiles.com/iH23H

#18 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 30 Декабрь 2015 - 14:16

Просмотр сообщенияVladimiropt (30 Декабрь 2015 - 12:19) писал:

Добрый День! Аккаунт SL-369308
Слетела верстка в левом раскрывающемся меню (разные междустрочные интервалы и наслаиваются др. на др. изображения)
Сайт достался по наследству, прошу помочь разобраться.   http://avs-el.ru/
Изображение что не так.

https://dropmefiles.com/iH23H

Здравствуйте.
Создали Вам бэкап и произвели изменения.
Проверьте, пожалуйста.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных