• Объявления

    • dinox

      Закрытый раздел разработчиков   21.08.2017

      У нас на форуме существует закрытый раздел для разработчиков в котором мы обсуждаем нюансы работы на нашем форуме, в каталоге дополнений и другие моменты которые интересны в большинстве случаев только разработчикам. На данный момент существует лишь 2 условия для попадания:
      1. Наличие промодерированного дополнения в нашем каталоге  2. Отсуствие варезной деятельности 
      Если эти правила выполнены, пишите запрос @ArtemPitov на попадание в раздел разработчиков
NikeSupermen

Фон картинкой footer и header [РЕШЕНО]

Рекомендуемые сообщения

Уважаемые форумчане!

 

1) Очень хочется поставить фон хохломы в footer и header растягивающими картинками, фиксироваными на месте в image, как понял нужен код в Stylesheet!

 

Картинки не должны выходить из footer и header!

 

Сборка 1.5.4.1

На локальном сервере

post-668778-0-71085100-1370355628_thumb.jpg

post-668778-0-36687400-1370355629_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

afwollis    1 092

надо "растянуть" или "замостить"?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Растянуть, имею ввиду вставляю 2 картинки нужного размера, растягивается по футеру и хедеру

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

sh2000v    15
background: url('../image/имя файла картинки.jpg') no-repeat;

background-size: 100% 100%;

 

 

Только проблема в том, что в IE 8 - не растягивает, а в остальных всё ОК!

 

Так что если кто знает как сделать отдельно для IE 8 ...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Благодарю, всё получилось, присоединяюсь!

 

Если кто знает как сделать отдельно для IE 8 ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Strelez    99
background: url('../image/имя файла картинки.jpg') no-repeat;
background-size: 100% 100%;
 
 
Только проблема в том, что в IE 8 - не растягивает, а в остальных всё ОК!
 
Так что если кто знает как сделать отдельно для IE 8 ...

Может пригодится

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Блин, header плохо встаёт, помогите убрать края, footer отлично встал.

 

/* header */
#header {
    height: 90px;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 7px;
    padding-bottom: 4px;
    position: relative;
    z-index: 99;
    background: url('../image/apes.jpg') no-repeat;
        background-size: 100% 100%;

post-668778-0-63826500-1370359597_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

sh2000v    15

Это поля и отступы. Поиграй с margin и padding.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Проблема окончательно решена

 

#header {
    height: 90px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3px;
    padding-bottom: 4px;
    position: relative;
    z-index: 99;
    background: url('../image/apes1.jpg') no-repeat;
        background-size: 100% 100%;

Удалена строчка отвечающая за ширину

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От kotelvaaleksandr
      Всем привет. И снова затертая тема, но под другим "углом". 
      Уважаемые знатоки! Хочу поставить фоновую картинку в header. Не получается. Вот ссылки на две темы по этому вопросу, перепробовал все!
      Бесполезно. Ниже на скиншоте выделен тот блок куда хочу вставить картинку с кодом страницы. Помогите разобраться
      Новый_рисунок.bmp
    • От Skunk


      Просмотреть файл Статьи в шапке Opencart 2.x
      Модификация дублирует статьи из подвала в шапку сайта.
      Языки: русский, english
      Установка стандартная - с помощью OcMod.
      Стили настраиваются индивидуально.
      Модуль распространяется "как есть". Поддержка осуществляется на коммерческой основе.
       
      = = =
      Техническая поддержка модулей здесь (Пн. - Пт. 10:00 - 17:00 GMT+2)
      = = =
      Автор Skunk Добавлен 22.11.2016 Категория Модули Работает на OpenCart Системные требования Работает на ocStore Сайт разработчика Работает на OpenCart.Pro, ocShop Старая цена Метод активации Ioncube Loader  
    • От Skunk
      Модификация дублирует статьи из подвала в шапку сайта.
      Языки: русский, english
      Установка стандартная - с помощью OcMod.
      Стили настраиваются индивидуально.
      Модуль распространяется "как есть". Поддержка осуществляется на коммерческой основе.
       
      = = =
      Техническая поддержка модулей здесь (Пн. - Пт. 10:00 - 17:00 GMT+2)
      = = =
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу