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

[n00ki]

Привет. помогите с непослушной шапкой. расползается, хотя размеры как и у оригинала.
url: pod-pol.ru

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

• 

[Vaccina]

Хм. попробуйте в файле стилей найти и заменить следующий блок

.b_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9587/header_page.png") no-repeat scroll center top transparent;
}

меняем на

.b_page {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9587/header_page.png") no-repeat scroll left top transparent;
}

[n00ki]

Если поменять значение с "центр" на "влево", то просто сдвигается изображение. В прикрепленном файле, показан как выглядеть рисунок для шапки изначально, размеры схожи с исходником сайта. Но при заливке, изображение как бы "увеличивается".

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

• 

[n00ki]

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

Подгрузка шрифта:
@font-face {
  font-family: "for_header";
  src: url("http://storeland.ru/...de_Regular.ttf")
}

Вот только вопрос: куда нужно его поставить?
(Ссылку я поставил свою, получил при заливке файла на сайт)

[Vaccina]

Цитата

Если поменять значение с "центр" на "влево", то просто сдвигается изображение. В прикрепленном файле, показан как выглядеть рисунок для шапки изначально, размеры схожи с исходником сайта. Но при заливке, изображение как бы "увеличивается".

Изображение не увеличивается а пропорционально подстраивается под ширину блока.
Если вы вернете  старую шапку назад и посмотрите на неё под разными разрешениями экрана, то увидите тот же самый эффект. И так будет всегда. ваша шапка изначально большая и если её зафиксировать то у людей с среднем разрешением 1024х768 будет большой скрол.
В данном вопросе вижу 2 выхода: первый - это тот который я вам предложила выше. Второй это сделать размер шапки меньше.

Цитата

@font-face {
font-family: "for_header";
src: url("http://storeland.ru/...de_Regular.ttf")
}

данный код нужно вставлять в файл стилей в самый верх документа. далее в том же файле использовать как

font-family: "for_header"

[mi-rulim.ru]

Не могу понять в чём дело!
Закачиваю шапку, а края, как обрезаются!
Зелёная полоса сверху должна быть во всю длину, а она обрезается((

Моя ссылка

[Vaccina]

Это происходить потому, что шапка имеет фиксированный размер

.container {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

Вам необходимо обвернуть блок

<div id="header" class="container">
 ...
</div>

В новый <div> и уже ему задать данный фон.

[mi-rulim.ru]

Vaccina (03 Август 2012 - 21:02) писал:

Это происходить потому, что шапка имеет фиксированный размер

.container {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

Вам необходимо обвернуть блок

<div id="header" class="container">
 ...
</div>

В новый <div> и уже ему задать данный фон.

Извините, но я не поняла, что я должна обернуть и во что)))

Пожалуйста, объясните по пунктам, если это возможно!

И ещё вопрос, может это как то связано!
На странице товара Моя ссылка В окошке рядом с фото(Не забудьте предъявить купон) картинка в разных браузерах разного размера, в iE большая, в FF маленькая! Как это можно исправить?

[Vaccina]

В шаблоне "HTML" у вас есть блок вида

<div class="container" id="header">
 ... тут идут вложенные блоки и т.д
</div>

Вам необходимо обвернуть данный блок в новый блок <div>

<div style="background: url(http://img.storeland.ru/web/upload/assets/images/88/87317/header_page.png) no-repeat scroll center top transparent;">
  <div class="container" id="header">
	... тут идут вложенные блоки и т.д
  </div>
</div>

И остается изменить изображение header_page.png в классе

#header {
	background: url("http://img.storeland.ru/web/upload/assets/images/88/87317/header_page.png") no-repeat scroll center top transparent;
}

можно убрать изображение, или же заменить на что-то другое, или же оставить так как есть.

Цитата

На странице товара Моя ссылка В окошке рядом с фото(Не забудьте предъявить купон) картинка в разных браузерах разного размера, в iE большая, в FF маленькая! Как это можно исправить?

У вас изображению задан процентный размер  

<img width="50%"

задайте фиксированный в px

[mi-rulim.ru]

Спасибо большое)