Как исправить меню в две строчки, которые имеют разные цвета?

голоса: 0
Шаблон 2011. Меню в две строчки, которые имеют разные цвета. Как исправить?
Адрес сайта http://bahmach-school1.at.ua
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

Голоса: +1
 
Лучший ответ

замените в таблице стилей это

 #catmenu {background: #16a085 url(/.s/t/2011/title.jpg) 0 0 repeat-x;line-height:42px;position:relative;z-index:200;border-bottom: 1px solid #16a085;margin:15px 0 0;-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;} #catmenu .nav-head,#catmenu ul li em {display:none;} #catmenu ul,#catmenu li {margin:0;padding:0;list-style:none;} #catmenu li {float:left;height:42px;background:url(/.s/t/2011/nav-s.png) 0 1px no-repeat;padding:0 0 0 2px;} #catmenu li.item-parent {position:relative;} #catmenu li a {position:relative;display:inline-block;height:42px;line-height:42px;text-shadow:0 1px 1px #daf7a6;padding:0 15px;font-size:14px;color:#fff;} #catmenu li:first-child {padding:0;background:none;} #catmenu li:first-child > a {-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px;} #catmenu li > a:hover,#catmenu li > a.uMenuItemA {text-decoration:none;color:#daf7a6;background: #ffc300 url(/.s/t/2011/nav-hov.png) 0 0 repeat-x;} #catmenu ul ul {display:none;padding:15px;background:#70929e;position:absolute;width:180px;top:44px;left:0;z-index:200;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;} #catmenu li li {float:none;display:block;text-align:left;height:auto;padding:0;background:none;} #catmenu li li a {display:block;height:auto;color:#fff;background:none;line-height:normal;padding:7px 15px;font-size:12px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #catmenu li li:first-child > a {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #catmenu li li > a.uMenuItemA {background:none;} #catmenu li li > a:hover {background:#7d1644;color: #ffc300 ;} #catmenu li li.item-parent > a:after {content:"";display:block;width:5px;position:absolute;height:5px;border-right:1px solid #ccc;border-bottom:1px solid #fff;top:12px;left:auto;right:10px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} #catmenu ul ul ul {left:196px;top:1px;z-index:220;border:none;-webkit-border-radius:5px;-webkit-border-top-left-radius:0;-moz-border-radius:5px;-moz-border-radius-topleft:0;border-radius:5px;border-top-left-radius:0;}  
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

на это

#catmenu {background:#7394a0 url(/.s/t/2011/nav.png) 0 0 repeat-x;line-height:42px;position:relative;z-index:200;border-bottom:1px solid #7a9eab;margin:15px 0 0;-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;}
#catmenu .nav-head,#catmenu ul li em {display:none;}
#catmenu ul,#catmenu li {margin:0;padding:0;list-style:none;}
#catmenu li {float:left;height:42px;background:url(/.s/t/2011/nav-s.png) 0 1px no-repeat;padding:0 0 0 2px;}
#catmenu li.item-parent {position:relative;}
#catmenu li a {position:relative;display:inline-block;height:42px;line-height:42px;text-shadow:0 1px 1px #557684;padding:0 15px;font-size:14px;color:#fff;}
#catmenu li:first-child {padding:0;background:none;}
#catmenu li:first-child > a {-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px;}
#catmenu li > a:hover,#catmenu li > a.uMenuItemA {text-decoration:none;color:#fff;background:#88b9cc url(/.s/t/2011/nav-hov.png) 0 0 repeat-x;}
#catmenu ul ul {display:none;padding:15px;background:#70929e;position:absolute;width:180px;top:44px;left:0;z-index:200;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
#catmenu li li {float:none;display:block;text-align:left;height:auto;padding:0;background:none;}
#catmenu li li a {display:block;height:auto;color:#fff;background:none;line-height:normal;padding:7px 15px;font-size:12px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#catmenu li li:first-child > a {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#catmenu li li > a.uMenuItemA {background:none;}
#catmenu li li > a:hover {background:#85b5c8;color:#fff;}
#catmenu li li.item-parent > a:after {content:"";display:block;width:5px;position:absolute;height:5px;border-right:1px solid #ccc;border-bottom:1px solid #fff;top:12px;left:auto;right:10px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#catmenu ul ul ul {left:196px;top:1px;z-index:220;border:none;-webkit-border-radius:5px;-webkit-border-top-left-radius:0;-moz-border-radius:5px;-moz-border-radius-topleft:0;border-radius:5px;border-top-left-radius:0;}

 

webanet,
Большое спасибо)
...