Torero123 Posted December 7, 2012 Report Share Posted December 7, 2012 Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск. Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/ вот код стилей. /*—Menu—*/.darkbg { background: #000099 url("../images/colorbg.png"); }#menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; } #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; } #menubar .lcol { overflow: hidden; height: 50px; } #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px; } #menubar .lcol ul li { background: url("../images/mbarer.png") no-repeat; } #menubar .lcol ul a { padding: 0 11px 0 12px; color: #fff; height: 50px; text-decoration: none; } #menubar .lcol ul a:hover { color: #da143d; background: url("../images/mbarer.png") no-repeat 50% 100%; } /*—search—*/ .searchbar { margin-top: 12px; border: 1px solid #3f464c; border-width: 0 1px 1px 0; float: right; width: 217px; height: 26px; background: #191f24 url("../images/poisk.png") no-repeat; } .searchbar li { float: left; height: 26px; } .searchbar .lfield { width: 180px; padding-left: 7px; overflow: hidden; } .searchbar .lfield input { font-style: italic; color: #8b99a8; float: left; height: 15px; width: 180px; border: 0 none; background: none; margin-top: 6px; } .searchbar .lbtn input { width: 30px; height: 26px; background: #db143d url("../images/poisk.png") no-repeat 0 -26px; } .searchbar .lbtn input:hover { background-position: -30px -26px; } 1 Quote Link to comment Share on other sites More sharing options...
0 kamaz6141 Posted December 7, 2012 Report Share Posted December 7, 2012 (edited) #menubar { width:960px; padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; } Edited December 7, 2012 by kamaz6141 Quote Link to comment Share on other sites More sharing options...
0 Torero123 Posted December 8, 2012 Author Report Share Posted December 8, 2012 спасибо, но увы, не помогло. Quote Link to comment Share on other sites More sharing options...
0 kamaz6141 Posted December 8, 2012 Report Share Posted December 8, 2012 У меня в Опере всё встает как надо, мож чего напутали. Quote Link to comment Share on other sites More sharing options...
0 Torero123 Posted December 13, 2012 Author Report Share Posted December 13, 2012 проблему решил, помогло добавление clear:both; для .shadlr Quote Link to comment Share on other sites More sharing options...
Question
Torero123
Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск.
Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/
вот код стилей.
/*—Menu—*/
.darkbg { background: #000099 url("../images/colorbg.png"); }
#menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; }
#menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; }
#menubar .lcol { overflow: hidden; height: 50px; }
#menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px; }
#menubar .lcol ul li { background: url("../images/mbarer.png") no-repeat; }
#menubar .lcol ul a { padding: 0 11px 0 12px; color: #fff; height: 50px; text-decoration: none; }
#menubar .lcol ul a:hover { color: #da143d; background: url("../images/mbarer.png") no-repeat 50% 100%; }
/*—search—*/
.searchbar { margin-top: 12px; border: 1px solid #3f464c; border-width: 0 1px 1px 0; float: right; width: 217px; height: 26px; background: #191f24 url("../images/poisk.png") no-repeat; }
.searchbar li { float: left; height: 26px; }
.searchbar .lfield { width: 180px; padding-left: 7px; overflow: hidden; }
.searchbar .lfield input { font-style: italic; color: #8b99a8; float: left; height: 15px; width: 180px; border: 0 none; background: none; margin-top: 6px; }
.searchbar .lbtn input { width: 30px; height: 26px; background: #db143d url("../images/poisk.png") no-repeat 0 -26px; }
.searchbar .lbtn input:hover { background-position: -30px -26px; }
Link to comment
Share on other sites
4 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.