Фоновый рисунок вверху, в шапке

Тема в разделе "OpenCart", создана пользователем eGeo, 2 окт 2014.

  1. eGeo

    eGeo

    Регистрация:
    30 авг 2013
    Сообщения:
    170
    Симпатии:
    6
    Кто нибудь ставил вверху, в шапке фоновый рисунок?
    Мне надо по краям (слева и справа) выложить 2 разных маленьких рисуночка. Делаю так:
    В stylesheet.css добавляю путь к рисуночкам в свойствах background.

    background: #9ad7d8 url('../image/main_bgr.png');
    url('../image/simvol_1.jpg') top bottom no-repeat;
    margin-right: 200px;
    url('../image/simvol_2.jpg') top left no-repeat;
    margin-right: 200px;

    Но рисуночки не видны.
    Убираю фон и фоновый рисуночек main_bgr.png, но все равно ничего не видно.

    В чем проблема? Может не в stylesheet.css надо прописывать, а в header.tpl?
    Подскажите решение. Или укажите на мою ошибку. Пожалуйста!
     
  2. five555

    five555

    Регистрация:
    18 янв 2014
    Сообщения:
    248
    Симпатии:
    149
    Надо сначала создать контейнер <div> со своим id или class в header.tpl или в другом нужном месте, а потом уже ему присвоить свойства в stylesheet.css. Иначе как браузер поймёт для какого элемента вы присвоили это:

    background: #9ad7d8 url('../image/main_bgr.png');
    url('../image/simvol_1.jpg') top bottom no-repeat;
    margin-right: 200px;
    url('../image/simvol_2.jpg') top left no-repeat;
    margin-right: 200px;
     
    eGeo нравится это.
  3. arthur679141

    arthur679141

    Регистрация:
    23 янв 2013
    Сообщения:
    32
    Симпатии:
    2
    Например вот так:
    в файле header.tpl вставляешь

    <divclass="image1">
    <imgsrc="image/telephone.png"alt="Telephone"/>
    </div>

    в файле stylesheet.css

    .image1{
    position: absolute;
    }
    .image1> img {
    float: left;
    padding-right:15px;
    }
     
    eGeo нравится это.