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

[Svipper93]

Здравствуйте.
Подскажите, как поднять основную часть страницы сайта до верхней шапки? И левый каталог товаров тоже.
сайт: masterinstrumenta.ru

[Vaccina]

Вам необходимо в файл стилей main.css добавить

#header {
  height: 250px;
}

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

#search {
	float: right;
	height: 135px;
	padding-right: 490px;
	padding-top: 177px;
	width: 150px;
}

и заменить на

#search {
	bottom: 48px;
	height: 25px;
	left: 320px;
	position: absolute;
	width: 150px;
}

далее найти

#cpages {
	background: url("/web/upload/assets/images/176/175918/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
	padding-top: 10px;
}

и заменить на

#cpages {
	background: url("/web/upload/assets/images/176/175918/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent;
}

далее найти

.content_catalog {
	padding-top: 80px;
	vertical-align: top;
}

и заменить на

.content_catalog {
	padding-top: 10px;
	vertical-align: top;
}

[Svipper93]

Очень высоко получилось.....

[miyako]

Svipper93 (09 Февраль 2013 - 08:28) писал:

Очень высоко получилось.....

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

[Svipper93]

До черной линии слева я отметил.

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

• 

[support 2.0]

Svipper93 (09 Февраль 2013 - 09:50) писал:

До черной линии слева я отметил.

В файле main.css найдите строчку

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

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

.container {
position: relative;
width: 960px;
margin: 0px auto;
padding-top: 70px;
}

далее найдите блок

#search {
		bottom: 48px;
		height: 25px;
		left: 320px;
		position: absolute;
		width: 150px;
}

и замените его на

#search {
bottom: 0px;
height: 25px;
left: 320px;
position: absolute;
width: 150px;
}

[Svipper93]

Сделал, только низко очень и поиск съехал.

[support 2.0]

Svipper93 (09 Февраль 2013 - 12:29) писал:

Сделал, только низко очень и поиск съехал.

Поиск съехал из-за того, что я решила что он должен быть именно на желтой полосе. Так понимаю, это не так, тогда найдите снова блок

#search {
bottom: 0px;
height: 25px;
left: 320px;
position: absolute;
width: 150px;
}

и измените его на

#search {
			 bottom: 48px;
			 height: 25px;
			 left: 320px;
			 position: absolute;
			 width: 150px;
}

также в шаблоне HTML уберите код

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

Если по Вашему мнению расстояние от меню до каталога слишком большое, можете найти в main.css блок

.container {
position: relative;
width: 960px;
margin: 0px auto;
padding-top: 70px;
}

и значение в

padding-top: 70px;

меняйте на то, которое Вас больше устроит.

[Svipper93]

support 2.0 (09 Февраль 2013 - 13:04) писал:

Поиск съехал из-за того, что я решила что он должен быть именно на желтой полосе. Так понимаю, это не так, тогда найдите снова блок

#search {
bottom: 0px;
height: 25px;
left: 320px;
position: absolute;
width: 150px;
}

и измените его на

#search {
			 bottom: 48px;
			 height: 25px;
			 left: 320px;
			 position: absolute;
			 width: 150px;
}

также в шаблоне HTML уберите код

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

Если по Вашему мнению расстояние от меню до каталога слишком большое, можете найти в main.css блок

.container {
position: relative;
width: 960px;
margin: 0px auto;
padding-top: 70px;
}

и значение в

padding-top: 70px;

меняйте на то, которое Вас больше устроит.

Да поиск должен быть в желтой полосе. Но сейчас он выше получился. Расстояние от шапки до каталога - нормальное!
Вот только с поиском помогите уж пожалуйста! Давайте "добьем" его!

[support 2.0]

Svipper93 (09 Февраль 2013 - 13:23) писал:

Да поиск должен быть в желтой полосе. Но сейчас он выше получился. Расстояние от шапки до каталога - нормальное!
Вот только с поиском помогите уж пожалуйста! Давайте "добьем" его!

У Вас в разных браузера по-разному отображается. Но попробую немного исправить ситуацию
в файле main.css замените блок

/*search*/
#search {
						 bottom: 48px;
						 height: 25px;
						 left: 320px;
						 position: absolute;
						 width: 150px;
}
} #search .search_box {
background:none;
border:none;
font: 14px Verdana, Geneva, sans-serif;
width: 200px;
padding:100px;padding-left: 4px;
padding-top: 8px;

}
#search .submit {
cursor:pointer;
height: 28px;
width: 28px;
}
/*search*/

на этот

/*search*/
#search{
height: 35px;
float: left;
margin-top: 115px;
margin-left: 155px;
width: 245px;
} #search .search_box {
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 285px;
padding-left: 0px;
padding-top: 2px;
height: 16px;
}
#search .submit {
cursor:pointer;
height: 28px;
width: 28px;
}
/*search*/

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

• 

[Svipper93]

Хуууууух! Получилось! Спасибо! А то этот поиск у меня как кость в горле был......
Спасибо Вам!

[koloskov]

Здраствуйте.

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

Вроде получилось поднять навигационную страку таким образом:

#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;  /* Заливка фона середины сайта */
/*  padding-top: 10px; */  /* Эту штатную запись убираю, чтобы поднять выше навигационную строку */
}

как поднять чуть-чуть следующую часть с контентом? (рис.)

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

• 

[empty9228]

Здравствуйте! К сожалению не могу просмотреть ваш ИМ, он заблокирован.

[koloskov]

empty9228 (28 Октябрь 2013 - 09:07) писал:

не могу просмотреть ваш ИМ, он заблокирован.

вышел из администратора

[empty9228]

Найдите у себя в файле main.css следующий блок

.page-headline h1 {
  position:absolute; width:940px;  /* длина навигационной строки */
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;   /* Штатный размер шрифта в навигационной строке всей информации взаимосвязанный со строкой ниже */
/*  font: 20px/70px "Trebuchet MS", Arial, Helvetica, sans-serif; Здесь и ниже можно уменьшить размер шрифта в навигационной строке всей информации, если удалить начало в шаблоне Товар */
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;	/* Штатный размер шрифта в навигационной строке всей информации взаимосвязанный со строкой выше */
/*  height:3em;overflow:hidden;	Здесь и выше можно уменьшить размер шрифта в навигационной строке всей информации, если удалить начало в шаблоне Товар */
/*  display:none;  скрывает информационную строку */
}

замените его на

.page-headline h1 {
  position:absolute;
  width:940px;  /* длина навигационной строки */
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;   /* Штатный размер шрифта в навигационной строке всей информации взаимосвязанный со строкой ниже */
/*  font: 20px/70px "Trebuchet MS", Arial, Helvetica, sans-serif; Здесь и ниже можно уменьшить размер шрифта в навигационной строке всей информации, если удалить начало в шаблоне Товар */
  color: #000000;
  padding-left: 7px;
  height:2em;overflow:hidden;	/* Штатный размер шрифта в навигационной строке всей информации взаимосвязанный со строкой выше */
/*  height:3em;overflow:hidden;	Здесь и выше можно уменьшить размер шрифта в навигационной строке всей информации, если удалить начало в шаблоне Товар */
/*  display:none;  скрывает информационную строку */
}

там же блок

p {
  font: 12px/20px Tahoma, Geneva, sans-serif;
  color: #666;
  margin: 10px 0px;
}

замените его на

p {
  font: 12px/20px Tahoma, Geneva, sans-serif;
  color: #666;
  margin: -35px 0px;
  padding-bottom: 45px;
}

найдите блок

.pad-box {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

замените его на

.pad-box {
  display: inline;
  float: left;
  margin-left: 8px;
  margin-right: 10px;
  margin-top: 2px;
}

[koloskov]

empty9228 (28 Октябрь 2013 - 10:41) писал:

Найдите у себя в файле main.css следующий блок...

ух и тяжелый вариант предлагаете..., столько блоков двигать...,
а не проще Header ниже опустить?

[empty9228]

Можно конечно, сделать и так, я то подразумевал, что Вам нужно то расстояние совсем убрать и равномерно по всем блокам его и убрал, если только Header, тогда добавьте к блоку .page-headline h1 следующую строчку

margin-top: 10px;

[koloskov]

empty9228 (28 Октябрь 2013 - 12:23) писал:

если только Header, тогда добавьте к блоку .page-headline h1 следующую строчку

margin-top: 10px;

cделал так (выделил красным)

}
.page-headline {height: 81px;position:relative;}
.page-headline h1 {
  position:absolute; width:940px;  /* длина навигационной строки */
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;  
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;  
  margin-top: 30px; /* добавляю, чтобы поднять основное тело сайта к шапке путем опускания этой шапки навстречу этому основному телу сайта */
}
#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;  /* Заливка фона середины сайта */
/*padding-top: 10px;  Эту штатную запись убираю, чтобы поднять выше навигационную строку */
  margin-top: -20px; /* добавляю, чтобы поднять основное тело сайта к шапке путем опускания этой шапки навстречу этому основному телу сайта */
}

вроде все выглядит ОК! Спасибо за помощь.