Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Rizii

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

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

Здравствуйте, прошу помочь с вопросом: "Как создать резиновую 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>

 

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

 

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

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


Ссылка на сообщение

Всё разобрался, тему можете закрыть.

Заменил на

<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 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...