Как Выровнять Баннер?

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

Подскажите как выровнять баннер, над каталогом товаров?
И еще вопрос: можно ли разместить баннер рядом со слайдером, справа  и как это сделать?
Сайт  http://mamindar.ru/

leylas (09 Октябрь 2013 - 19:26) писал:

Здравствуйте. В шаблоне HTML код

<div class="banner" style="margin-top: 20px;">
<a href="http://gv.mamindar.ru/"><img src="http://st.mamindar.ru/2/807/448/konsultbaner.jpg" alt="Áàííåğ" /></a>

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

<div class="banner" style="margin-top: 20px; text-align: center;">
<a href="http://gv.mamindar.ru/"><img src="http://st.mamindar.ru/2/807/448/konsultbaner.jpg" alt="Áàííåğ" /></a>
</div>

Здесь "text-align: center;" - выровняет баннер по центру родительского элемента. Но так как этот родительский элемент по ширине выходит за большую вертикальную разделительную черту, может показаться, что баннер сдвинут лишнего вправо. В этом случае вместо "text-align: center;" прописывайте отступ слева "padding-left: 20px;", регулируя его значение.
Чтобы разместить баннер справа от слайдера, надо после кода запуска слайдера

  <!-- Запуск слайдера -->
  <script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>
  {% ENDIF %}

вставить аналогичный код баннера

<div class="banner">
<a href="http://gv.mamindar.ru/"><img src="http://st.mamindar.ru/2/807/448/konsultbaner.jpg" alt="подпись" /></a>
</div>

А строку

<div class="theme-default" style="padding: 1em;width: 60%;">

надо изменить так

<div class="theme-default" style="padding: 1em;width: 60%; float: left;">

Спасибо  за помощь!

Получилось вот так, кривенько все таки, вот принскрин http://st.mamindar.r.../printskrin.jpg
Левый баннер бы приподнять, а правый наоборот опустить немного, вровень со слайдером.

Вы знаете как изменять высоту размещения баннеров?

leylas (10 Октябрь 2013 - 13:45) писал:

Добрый вечер, чтобы поднять левый баннер, найдите в админке в разделе Сайт - Редактор шаблонов - HTML

<div class="banner" style="margin-top: 10px; text-align: center;">

и замените на

<div class="banner" style="margin-top: -10px; text-align: center;">

Правого баннера сейчас у Вас нет на сайте.

Спасибо огромное, помогли разобраться!

Здравствуйте! Подскажите, пожалуйста, баннер размещаю по инструкции:

"В шаблоне "HTML" после блока

  
<ul>
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul><br />

Вставьте

<div class="banner" style="margin-top: 20px;">
<a href="#"><img src="banner1.png"></a>
<a href="#"><img src="banner2.png"></a>
<a href="#"><img src="banner3.png"></a>
</div>

После останется задать корректные ссылки и пути к изображению баннеров. "

Но вместо картинки появляется квадратик. Размеры меняла разные, не в них дело. При нажатии на квадратик, ссылка открывается правильно, но вот само изображение не работает ((( Сайт: samira-shop.ru

Вы по всей видимости забыли указать адреса изображений. Замените участок кода

<a href="#"><img src="banner1.png"></a>
<a href="#"><img src="banner2.png"></a>
<a href="#"><img src="banner3.png"></a>

на код

<a href="#"><img src="{ASSETS_IMAGES_PATH}banner1.png"></a>
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.png"></a>
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.png"></a>

Изображения banner1.png, banner2.png, banner3.png необходимо загружать в разделе Сайт -> Редактор шаблонов.

Спасибо! Так заработало )))

Добрый день.
Пожалуйста, помогите разобраться.
Установила баннер, все ок.
Но при просмотре с мобильного тел, баннер сдвигается и расположен не по центру. Как исправить?

Irina BU (02 Февраль 2015 - 10:57) писал:

Здравствуйте.
В main.css найдите код

#banner {
padding-left: 145px;
}

и замените на

#banner {
margin: 0 auto;
width: 941px;
padding-top: 12px;
}

Спасибо!!! Очень здорово получилось!