Jump to content

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


Rizii
 Share

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>

 

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

 

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

Link to comment
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>

Link to comment
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
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...