Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Rizii

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

Recommended Posts

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

Заменил на

<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>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...