|
|
Модератор форума: dotbot |
Сообщество uCoz » Архивариус » Корзина » Горизонтальное меню шириной 100% |
Горизонтальное меню шириной 100% |
Здравствуйте снова, вот мой САЙТ с горизонтальным меню, делал я его в генераторе, вообщем все настроил кроме одного- как мне его опустить до контента, чтобы щели снизу не было?
собственно сам CSS: Код #menu_wrap{position:relative;margin-top:0px; margin-left:auto;margin-right:auto;padding:0; padding-right:0px;width:100%;height:50px; list-style-type:none;-webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,.2); box-shadow:0 1px 3px rgba(0,0,0,.2)}.button a{cursor:pointer;text-align:center;font:13px/100% Arial, Helvetica, sans-serif;font-weight:bold; position:relative;min-width:50px;height:20px; float:left;padding:10px;padding-top:15px; padding-bottom:15px;text-decoration:none; text-shadow:0 1px 1px rgba(0,0,0,.3)}.button:first-child a{-webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-topleft-radius:10px;-moz-border-bottomleft-radius:10px; border-top-left-radius:10; border-bottom-left-radius:10px}.Orange,.Orange .button a{color:#fef4e9;background: #f9bc59;border-right:solid 1px #f27c21; background: -moz-linear-gradient(top, #f9bc59 0%, #f27c21 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc59), color-stop(100%,#f27c21)); background: -webkit-linear-gradient(top, #f9bc59 0%,#f27c21 100%); background: -o-linear-gradient(top, #f9bc59 0%,#f27c21 100%); background: -ms-linear-gradient(top, #f9bc59 0%,#f27c21 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc59', endColorstr='#f27c21',GradientType=0 ); background: linear-gradient(top, #f9bc59 0%,#f27c21 100%);}.Orange .button a:hover,.Orange .button a:focus{background: #f88e11; background: -moz-linear-gradient(top, #f88e11 0%, #e25300 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88e11), color-stop(100%,#e25300)); background: -webkit-linear-gradient(top, #f88e11 0%,#e25300 100%); background: -o-linear-gradient(top, #f88e11 0%,#e25300 100%); background: -ms-linear-gradient(top, #f88e11 0%,#e25300 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#e25300',GradientType=0 ); background: linear-gradient(top, #f88e11 0%,#e25300 100%);}.Orange .button a:active{color:#fcd3a5; background: #f47a20;background: -moz-linear-gradient(top, #f47a20 0%, #faa51a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47a20), color-stop(100%,#faa51a)); background: -webkit-linear-gradient(top, #f47a20 0%,#faa51a 100%); background: -o-linear-gradient(top, #f47a20 0%,#faa51a 100%); background: -ms-linear-gradient(top, #f47a20 0%,#faa51a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#faa51a',GradientType=0 ); background: linear-gradient(top, #f47a20 0%,#faa51a 100%);}.button:last-child a{float:left;border:none; -webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px; -moz-border-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px} Добавлено (26 Авг 2014, 12:43:11) Прикрепления:
5473818.png
(298.4 Kb)
Продвижение сайтов
|
| |||
| |||