Diman19
Junior Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Всем привет! Подскажите пожалуйста где в стилях допущена ошибка?Появился зазор между меню и страницей сайта.Вот как это выглядит! Стрелочкой указал что просвечивается background. Вот как хочется чтобы выглядело! Вот сам стиль меню который я поменял! [code=css] #nav {} #navl {} #navr {height:32px; background:url(../images/top_menu.png) 0 0 repeat-x; font-family: Tahoma; font-size:11px; margin-top: 5px;margin-top: -4px;} #nav {z-index:10; position:relative;} #nav-left { float:left; width:80%;} #nav-right { float:right; width:20%;} #nav ul {margin:0; padding:0; float:left;} #nav ul li {list-style:none;float:left;height:100%;position:relative; padding:0; margin:0;display: inline; background:url(../images/line.png) no-repeat;} #nav ul li a {width:auto; height:32px; padding:0px 12px; display:block;line-height:32px; color:#fff; text-decoration:none;font-size:11px;font-weight:normal; float:left;} #nav ul li.active {} #nav ul li.active a {background:url(../images/mainmenu-h.png) repeat center; color:#555;} #nav ul li:hover {} #nav ul li a:hover{text-decoration:none; font-weight:normal; font-size:11px; background:url(../images/hov.png) repeat; color:#a0a0a0;} #nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;} #nav ul li:hover ul, #menu ul li.sfHover ul {left:0;} #nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;} #nav ul li ul li:hover ul {left:180px; top:0} #nav ul li:hover ul li a {text-shadow:none;} #nav ul li:hover ul li { background:none;} #nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px; border:} #nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:13px;text-shadow:none;} #nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;} #nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;} [/code] Перечитывал данный код несколько раз,не могу найти где ошибка.Помогите пожалуйста. P.s прикрепляю весь CSS файл.На случай если ошибка не здесь. http://www54.zippyshare.com/v/15889261/file.html |