Сообщений в теме: 14

[n.s.chipcheev]

Доброго Времени уважаемые модераторы.
Возник вопрос с редактированием шапки.
В инспекторе кода элемента выдается разрешение 1349х150, я меняю это в этом кусочке кода:

 #header #logo {
 position: absolute;
  top: 0px;
  left: 0px;
  height: 150px;
  width: 1349px;
  background: url({ASSETS_IMAGES_PATH}logo1.png) no-repeat;

но результатом выдает вот что:


Вот и сам вопрос: как убрать это смещение??

Заранее спасибо за ответ.

[Vaccina]

укажите пожалуйста адрес сайта.

[n.s.chipcheev]

http://avtoprestigeshop.com/

[TAD-jik]

Для того что бы не было такого смещения вам надо заменить вот так вот

#header #logo {
	background: url("http://img.storeland.ru/web/upload/assets/images/27/26681/logo1.png") no-repeat scroll 0 0 transparent;
	height: 150px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

[n.s.chipcheev]

TAD-jik

Спасибо за ответ, я попробовал как вы сказали, получилось что шапка в центре.
Можно сделать так, что бы она растянулась полностью? Что бы не было отступов.

Прикрепленные изображения

• 

[TAD-jik]

можно вам надо образец сделать шапки 1 пиксель по ширине и 150px по высоте и вставить вот так вот.

Найдти класс

#headerWrap {
	background: url("http://img.storeland.ru/web/upload/assets/images/27/26681/header_bg.jpg") repeat-x scroll 0 0 transparent;
	height: 150px;
}

[n.s.chipcheev]

Я понял!  header_bg.jpg и было тем самым смещением.
Большое спасибо за помощь!

-----
Сделал все как написали, но не получилось. Все осталось как в сообщении #5.

Сообщение отредактировал n.s.chipcheev: 14 Февраль 2012 - 09:18

[TAD-jik]

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

[vanyushka]

Здравствуйте!
Шапка не до конца примыкает к правой границе сайта. Об этом говорит образовавшийся выступ у границ со слайдером. Как это можно исправить?



p.s. именно что-то в коде сайта, так как я пробовал загрузить удлиненное изображение шапки - выступ на том же месте не исчезает. Спасибо

[Ирина345]

ipodushkin (30 Апрель 2014 - 08:17) писал:

Здравствуйте!
Шапка не до конца примыкает к правой границе сайта. Об этом говорит образовавшийся выступ у границ со слайдером. Как это можно исправить?



p.s. именно что-то в коде сайта, так как я пробовал загрузить удлиненное изображение шапки - выступ на том же месте не исчезает. Спасибо

Здравствуйте, Вы можете либо увеличить размеры картинки(в ширину 966рх),
либо найти в main.css код и

#leftMenuBlock {
width: 160px;
margin: 0 20px 0 0;
}

заменить на

#leftMenuBlock {
width: 160px;
margin: 0 12px 0 0;
}

[vanyushka]

Ирина345 (30 Апрель 2014 - 13:42) писал:

Здравствуйте, Вы можете либо увеличить размеры картинки(в ширину 966рх),
либо найти в main.css код и

#leftMenuBlock {
width: 160px;
margin: 0 20px 0 0;
}

заменить на

#leftMenuBlock {
width: 160px;
margin: 0 12px 0 0;
}

К сожалению, изменение размера шапки не помогает решить проблему. Изменение кода в main.css делает красивым стык, но делает некрасивым меню (разделительные полоски из меню наезжают на баннер).

[MikDark]

ipodushkin (30 Апрель 2014 - 14:37) писал:

К сожалению, изменение размера шапки не помогает решить проблему. Изменение кода в main.css делает красивым стык, но делает некрасивым меню (разделительные полоски из меню наезжают на баннер).

Дело в том, что не шапка не доходит до края, а слайдер за нее выходит. Чтобы его чуть уменьшить, добавляем в main.css

#slider {
width: 780px;
}

[vanyushka]

MikDark (30 Апрель 2014 - 15:00) писал:

Дело в том, что не шапка не доходит до края, а слайдер за нее выходит. Чтобы его чуть уменьшить, добавляем в main.css

#slider {
width: 780px;
}

Можно его уменьшить, как вариант. Вечером попробую. НО! Если выделить мышкой правую часть сайта, то можно увидеть, что правая часть товарной секции и край правой стороны слайдера находятся на одной линии. А шапка выходит за край   Логически заключить, что дело не в левом меню ( #leftMenuBlock ) и не в размере изображения шапки. И даже не в слайдере.

[MikDark]

ipodushkin (30 Апрель 2014 - 15:37) писал:

Можно его уменьшить, как вариант. Вечером попробую. НО! Если выделить мышкой правую часть сайта, то можно увидеть, что правая часть товарной секции и край правой стороны слайдера находятся на одной линии. А шапка выходит за край   Логически заключить, что дело не в левом меню ( #leftMenuBlock ) и не в размере изображения шапки. И даже не в слайдере.

Товарная секция выходит из-за того, что выходит слайдер, он за собой растягивает всю контент-часть. Если наведете на блок <div id="content"> , то увидите, что вылезает за зону контента.

[vanyushka]

MikDark (30 Апрель 2014 - 15:44) писал:

Товарная секция выходит из-за того, что выходит слайдер, он за собой растягивает всю контент-часть. Если наведете на блок <div id="content"> , то увидите, что вылезает за зону контента.

Спасибо все получилось!