Шапка магазина

[Виталий Мишин 0]

Так создайте в стилях

div#header
   {
    background: url(img/logo.jpg);
    width: 100%; 
   }[/code]
без [b]"p"[/b] - должно получиться, у меня это работает.

[vovka 0]

Всёравно ничего не выходит, нижний вообще не выводит, а верхний сползает немного сверху и весь шаблон на него наезжает.

[Виталий Мишин 0]

Вечером постараюсь объяснить

[support 447]

vovka

Оставь пока так, если со временем будет необходимость в изучении css, то сам придёшь к варианту размещения подобных картинок в фон.

[Виталий Мишин 0]

vovka

В \templates\vamshop\index.html в верху и внизу замени на

<!-- Шапка -->
<div id="header">
  <table width="100%" height="124"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<!-- /Шапка -->

и

<!-- /Низ -->
<div id="footer">
  <table width="100%" height="120"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<!-- /Низ -->
[/code]


В \templates\vamshop\stylesheet.css
добавь
[code]/* /Верх */
div#header
   {
     background:  url(img/logo.jpg);
	 width: 100%;
   }
/* /Верх */

и замени div#footer на

div#footer
   {
     width: 100%;
     background:  url(img/dow.jpg);
   }[/code]

[vovka 0]

О ! Заработало ! Спасибо огромное, разобрался. :-)

[Виталий Мишин 0]

В Опере нет картинок :-(

Надо подумать.

[vovka 0]

У меня вроде всё отлично, во всех браузерах, да и http://browsershots.org/ проверял !

[Виталий Мишин 0]

Наверное был разовый глюк - всё в порядке, удачи с сайтом.

[perplexor 0]

а у меня такая фигня приключилась, на одном товаре (на остальных всё нормально) и только в IE (в опере нормально) при просмотре товара левая менюшка (каталог, информационные страницы) наехала на описание и встала сверху него. И никак оттуда не уезжает.

Вот и непонятно чем пользоваться, в опере не работает админка, а в ИЕ криво отображается товар :D

так, разобрался, тупой ИЕ пытается описание товара вывести в одну строчку, потому менюшки и поехали в сторону, а в тупой опере длинная строка просто уезжает под левое меню, в итоге в ней всё кучеряво, на первый взгляд.

а сам магазин не может за этим следить? Или это надо в css меня размер области принудительно?

[support 447]

Возможно, у тебя картинка товара слишком широкая, которая и растягивает всё.

Вы б ссылку дали, тогда можно было бы точно сказать.

[perplexor 0]

Ссылку дать невозможно, я пока в денвере всё запустил у себя на машине, пробую. Кстати, возможно ли потом будет перенести базу и все настройки на хостинг, или придется заново всё делать, настраивать?

[support 447]

Жаль.

Конечно можно.

Самое простое, установить магазин на хостинге, что б руками в конфиг-файлах не копаться, а затем в локальном магазине сделать резервную копию базы в Админке - Разное - Инструменты - Резервное копирование.

Взять полученный файл в /admin/backups и перенести его в эту же папку, но на хостинге.

Затем уже в магазине на хостинге восстановить этот файл в Админке - Разное - Инструменты - Резервное копирование.

[AXWER 0]

Добрый день, помогите решить проблемку пожалуйста.

Стал работать над шапкой, решил вставить изображение.

Сделал изменения в \templates\vamshop\index.html и в \templates\vamshop\stylesheet.css, как рекомендовал toyli,

но шапка осталась в виде фона http://www.axwer.ru,

посоветуйте, что нужно поправить?

[support 447]

В шапке нет ничего.

Только пытается фон подгрузить, но картинки нет.

Вот такой картинки нет - http://www.axwer.nichost.ru/templates/vamshop/img/shapka1234.jpg

[AXWER 0]

вот и я о том же, сам рисунок я в папку /img/ положил, а он не отображается

[AXWER 0]

в index.html такой код

<!-- Шапка -->

<div id="header">

  <table width="100%" height="124"  border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td>&nbsp;</td>

    </tr>

  </table>

</div>

<!-- /Шапка -->

В stylesheet.css так:

/*<![CDATA[*/

html,body

   {

     margin: 0;

     padding: 0;

     background: #e9eff5;

   }

body

   {

     font: 76% arial,sans-serif;

   }

img

   {

  border: 0;

   }

h2, h3

   {

     margin: 0 0 0 0;

     padding: 0 0 0 0;

   }

   

/* Верх */

div#header

   {

     background:  url(img/shapka1234.jpg);

width: 100%;

   }

/* Верх */

[support 447]

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

[AXWER 0]

Саш, спасибо тебе! Вот что значит взгляд со стороны), картинка в формате gif была)

Только теперь он её не растягивает, а доставляет кусками( почему-то

[support 447]

Ну так если это фон, то конечно он будет повторяться.

Добавьте no-repeat в background.

Вы ж гляньте подсказки по css, как например фон записывать что б не повторялся, либо что б повторялся по оси x, по y.

[AXWER 0]

Спасибо, что помогаешь Саша! Грустно осознавать свое невежество в этом вопросе.

Сделал, чтобы фон не повторялся, а вот как растянуть не понимаю(

[support 447]

Да никак не растянешь, только картинку сделать широкую.

Обычно делают повторяющуюся картинку.

Например ставятся через img src логотип, а подложку делают в виде фона повторяющегося.

[AXWER 0]

/* Верх */

div#header

  {

    background:  url(img/shapka1234.gif);

    width: 100%;

  }

  <img src="img/shapka12345.gif" align="left">

/* Верх */

Сделал вот так, виден только фон, а как сделать чтобы картинка с логотипом (shapka12345.gif) была видна?

[support 447]

так img src вставляется ведь в /templates/шаблон/index.html

[AXWER 0]

Вставил в индекс

<!-- Шапка -->

<img src="img/shapka12345.gif" align="left">

<div id="header">

  <table width="100%" height="124"  border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td>&nbsp;</td>

    </tr>

  </table>

</div>

<!-- /Шапка -->

На страничке просто отображается пустой блок(