Rizii Posted May 19, 2014 Share Posted May 19, 2014 Здравствуйте, прошу помочь с вопросом: "Как создать резиновую 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 More sharing options...
Rizii Posted May 19, 2014 Author Share Posted May 19, 2014 Всё разобрался, тему можете закрыть.Заменил на <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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now