Как создать резиновую CSS шапку? - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Как создать резиновую CSS шапку?

#1 Пользователь не на сайте   Rizii ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 6
  • Регистрация: 16-Май 14
  • Репутация: 0
  • IPB version:3.2.x
 

Отправлено 19 Май 2014 - 16:00

Здравствуйте, прошу помочь с вопросом: "Как создать резиновую CSS шапку?"
У меня есть CSS код
<style>
    #logo li a{
        display: block;
        width: 1902px;
        height: 181px;
        background: url(http://s7.hostingkartinok.com/uploads/images/2014/05/10833f88e00cc684027913cc79c50fba.png) no-repeat;
        white-space: nowrap;
        text-indent: 100%;
    }
    #logo li:hover a{
        background-image: url(http://s7.hostingkartinok.com/uploads/images/2014/05/af0c10cbe9083bf4bb122ec753bb87dc.png)
    }
</style>
<ul>
    <li>
        <a href="#"></a>
    </li>
</ul>


Возможно ли как то сделать эту шапку резиновой?

Буду очень признателен, заранее спасибо.
0

#2 Пользователь не на сайте   Rizii ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 6
  • Регистрация: 16-Май 14
  • Репутация: 0
  • IPB version:3.2.x
 

Отправлено 19 Май 2014 - 16:59

Всё разобрался, тему можете закрыть.
Заменил на
<style>
    #logo li a{
        position:absolute;
        top:0px;
        left:0px;
        min-width:50px;
        max-width:3000px;
        width:100%;
        height:181px;
        background: url(http://s7.hostingkartinok.com/uploads/images/2014/05/10833f88e00cc684027913cc79c50fba.png) no-repeat;
        white-space: nowrap;
        text-indent: 100%;
        background-repeat:no-repeat;
        background-size: 100%;
}
    #logo li:hover a{
        background-image: url(http://s7.hostingkartinok.com/uploads/images/2014/05/af0c10cbe9083bf4bb122ec753bb87dc.png)
    }
</style>
<ul>
    <li>
        <a href="#"></a>
    </li>
</ul>

0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна