Question

Доброго дня!  не могу понять почему  меню получается не такое  как здесь - http://wallaby.ucoz.ru/menu/vert_menu5.png

 

<!-- <block1> -->
<?if($SMENU_1$)?>
<div class="btitle"><div class="bpad"><!-- <bt> --><!--<s5184>-->Меню сайта<!--</s>--><!-- </bt> --></div></div> 
<ul> 
<style type="text/css"> 

ul#menu {list-style-type:none; margin:0; padding:0;margin-left: -4px;} 

ul#menu li a{ 
  color:#909090; 
  background: url(http://wallaby.ucoz.ru/menu/vert_menu5.png) no-repeat 0 0; 
  text-decoration:none;  
  width: 200px; 
  height: 55px; 
  display:block; 
  border:none; 
  text-shadow: #ddd 2px 2px 0; 
} 

ul#menu li a:hover{ 
  background-position: 50% 100%; 
  width: 200px; 
  height: 55px; 
  display:block; 
  color:#fff; 
  text-shadow: #1185EE 2px 2px 0; 
} 

ul#menu li a span{ 
  font-family:sans-serif; 
  font-size:18px; 
  padding:17px 0 0 20px; 
  display:block;  
}

</style> 
<div id="menu"> 
<ul> 
<li><a href="http://stroim-vse72.ru/index/krovelnye_raboty_v_jalutorovske/0-8"><span>Заказать кровлю</span></a></li> 
 <li><a href="http://stroim-vse72.ru/index/uteplenie_v_jalutorovske/0-15"><span>Заказать утепление</span></a></li> 
 <li><a href="http://stroim-vse72.ru/index/zabor_jalutorovsk/0-14"><span>Заказать забор</span></a></li> 
 <li><a href="http://stroim-vse72.ru/index/raschet_materialov/0-19"><span>Заказать расчет</span></a></li> 
 <li><a href="http://stroim-vse72.ru/index/montazh/0-16"><span>Монтаж</span></a></li> 
 <li><a href="http://stroim-vse72.ru/index/uslugi_ehlektrika_v_jalutorovske/0-20"><span>Услуги Электрика</span></a></li>
 <li><a href="http://stroim-vse72.ru/index/uslugi_santekhnika/0-22"><span>Услуги Сантехника</span></a></li>
<a href="http://fullweb.ucoz.ru/" style="display: none;"></a> 
</ul>
<?endif?>
</div>
<!-- </block1> -->

А получается черного цвета....

Answer 1

Уберите стили из блока, а в таблице стилей отредактируйте начиная со строки 1184 должно получиться примерно так: 

#menu { 
width: 200px; 
margin: 0px; 
border-style: solid solid none solid; 
border-color: #000; 
border-size: 1px; 
border-width: 1px; 
} 
 
#menu li a { 
height: 48px; 
voice-family: "\"}\""; 
voice-family: inherit; 
text-decoration: none; 
} 
 
#menu li a:link, #menu li a:visited { 
color: #9cff00; 
display: block; 
background: url(http://wallaby.ucoz.ru/menu/vert_menu5.png) no-repeat; 
padding: 8px 0 0 10px; 
} 
 
#menu li a:hover { 
color: #9cff00; 
background-position: 50% 100%; 
padding: 8px 0 0 10px; 

Если, что будет не так - подправим.

Answer 2

Неправильная разметка html, сперва айди а потом ul, а в ксс наоборот, но с наскока не переделать... обратитесь за помощью сюда https://upartner.pro/