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

[Сергей015]

Добрый день!
Мирно разбираюсь во всем и верстаю сайтик, но все же столкнулся с проблемой

1) При масштабировании съезжает влево шапка. Пробовал поставить fixed, но ти ли не так ставил, то ли что. При этом у меня один раз получилось, но после восстановления шаблона "пшик" вместо результата. На скрине 1 и 2 все видно.

2) По образцу, в одной из тем форума, сделал себе банеры. Вот так:

  <!-- end Список товаров на главной -->
{% ENDIF %}
<!-- END Всевозможные списки товаров -->
   <!-- Баннер на главной -->{% IF index_page %}
<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/...ner 1.png?8332" alt="Баннер" /></a>
  {% ENDIF %}
</div>
<!-- Баннер на главной -->
  {% IF index_page %}
<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/...ner 2.png?8332" /></a>
  {% ENDIF %}
</div>
<!-- Баннер на главной -->
  {% IF index_page %}
<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/...ner 3.png?8332" /></a>
  {% ENDIF %}
</div>
</div>
</td>
   </tr>
</table>

В хроме (скрин 3) все прекрасно отображается, как мне нужно. Но при открытии в explorer получатся абра-кадабра скрин 4.

3) Если честно, то сначала я хотел расположить данные банеры на вновь созданной странице, но даже на сантиметр не подобрался к пониманию, как это сделать. Попробовал открыт файл html (страница) "Страница с свободным контентом" но что-то побоялся экспериментировать.

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

Заранее спасибо

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

• 
• 
• 
• 

[Сергей015]

4) И еще вопрос в картинке (Скрин 5).
Как сделать названия по нижней границе прямоугольников с названием товарных групп?

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

• 

[Vaccina]

1) Вам необходимо в файле стилей main.css раздела редактора тем - найти

#headerWrap {
	background: url("/web/upload/assets/images/164/163244/fon1.jpg") no-repeat scroll 0 0 transparent;
	height: 220px;
	position: relative;
	top: 30px;
}

и заменить на

#headerWrap {
	height: 220px;
	position: relative;
	top: 30px;
}

далее найти

#header {
	height: 150px;
	left: 345px;
	margin: 0 auto;
	position: relative;
	top: -25px;
	width: 960px;
}

и заменить на

#header {
	background: url("/web/upload/assets/images/164/163244/fon1.jpg") no-repeat scroll -150px top transparent;
	height: 150px;
	margin: 0 auto;
	position: relative;
	width: 960px;
}

далее найти

#searchPanel {
	position: absolute;
	right: 349px;
	top: 30px;
}

заменить на

#searchPanel {
	position: absolute;
	right: 25px;
	top: 5px;
}

далее найти

#header #title {
	bottom: 46px;
	margin: 0;
	position: absolute;
	right: 340px;
	width: 420px;
}

и заменить на

#header #title {
	bottom: 70px;
	margin: 0;
	position: absolute;
	right: 15px;
	width: 420px;
}

далее найти

#mainNav {
	background: url("/web/upload/assets/images/164/163244/nav_bg.jpg") no-repeat scroll 0 0 transparent;
	bottom: 0;
	height: 35px;
	left: 5px;
	position: absolute;
}

и заменить на

#mainNav {
	background: url("/web/upload/assets/images/164/163244/nav_bg.jpg") no-repeat scroll 0 0 transparent;
	bottom: 25px;
	height: 35px;
	position: absolute;
	right: 0;
}

далее найти

#mainNav table td div {
	background: url("/web/upload/assets/images/164/163244/nav_item_bg.gif") repeat-x scroll left bottom #FFFFFF;
	float: left;
	font-size: 1.25em;
	height: 30px;
	line-height: 1.3333em;
}

и заменить на

#mainNav table td div {
	float: left;
	font-size: 1.20em;
	height: 30px;
	line-height: 1.3333em;
}

далее найти

#mainNav table td div a:link, #mainNav table td div a:visited {
	background: url("/web/upload/assets/images/164/163244/nav_item_bg.gif") repeat-x scroll left bottom transparent;
	color: #666666;
	display: block;
	height: 26px;
	padding: 4px 10px 0;
}

и заменить на

#mainNav table td div a:link, #mainNav table td div a:visited {
	background: url("/web/upload/assets/images/164/163244/nav_item_bg.gif") repeat-x scroll left bottom transparent;
	color: #666666;
	display: block;
	height: 26px;
	padding: 4px 7px 0;
}

далее найти

#cartInfo {
	bottom: -56px;
	font-size: 13px;
	position: absolute;
	right: 350px;
	white-space: nowrap;
}

и заменить на

#cartInfo {
	bottom: -30px;
	font-size: 13px;
	position: absolute;
	right: 20px;
	white-space: nowrap;
}

далее найти

#contactInfo {
	font-size: 1.2em;
	left: 330px;
	position: absolute;
	top: 140px;
}

и заменить на

#contactInfo {
	bottom: -65px;
	font-size: 1.2em;
	position: absolute;
	right: 130px;
}

далее найти

#header #logo {
	background: url("/web/upload/assets/images/164/163244/header_bg.png") no-repeat scroll 0 0 transparent;
	height: 79px;
	left: 10px;
	position: absolute;
	top: 18px;
	width: 300px;
}

и заменить на

#header #logo {
	background: url("/web/upload/assets/images/164/163244/header_bg.png") no-repeat scroll 0 0 transparent;
	height: 95px;
	left: 135px;
	position: absolute;
	top: 28px;
	width: 205px;
}

2) Вероятно у вас затерялся открывающий div. Попробуйте использовать следующий код баннеров

<!-- Баннер на главной -->
{% IF index_page %}
<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/upload/assets/images/164/163244/baner%201.png?8332"></a>
<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/upload/assets/images/164/163244/baner%202.png?8332"></a>
<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/upload/assets/images/164/163244/baner%203.png?8332"></a>
% ENDIF %}

3) Если вы хотите вставить баннеры на отдельно созданную страницу, то вам необходимо вставлять код

<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/upload/assets/images/164/163244/baner%201.png?8332"></a>
<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/upload/assets/images/164/163244/baner%202.png?8332"></a>
<a href="http://yandex.ru/"><img src="http://vknsk.ru/web/upload/assets/images/164/163244/baner%203.png?8332"></a>

в описание вашей страницы. Чтобы вставить HTML код в описание страницы - переведите визуальный редактор в режив правки HTML кода с помощью кнопки на панели визуального редактора.

4) Добавьте в файл стилей main.css следующий класс

.content_catalog_nested_categories li .withBorder > div {
	height: 90px;
	overflow: hidden;
}