Answer the question
In order to leave comments, you need to log in
How to rubberize the menu on yukoz if I am oak?
There is a site in Yukoz. It has a menu with sub-items that slide out on hover. The menu has such a style. It is necessary to make the menu items stretch to 100% of the space in which they are located, by increasing the distance between these items. Please help. Here.
#catmenu{text-transform:uppercase;height:40px;background:rgba(68, 68, 68, 0.5);}
#catmenu ul {list-style:none;margin:0;padding:0;}
#catmenu ul li {float:left;}
#catmenu ul li a {display:block;height:40px;line-height:40px;color:#fff;padding:0 10px;text-decoration:none;text-shadow:1px 1px 1px #000;white-space:nowrap;_width:10px;}
#catmenu ul li a:hover,#catmenu ul li.item-hover a,#catmenu ul li a.current-item {color:#fff;text-decoration:none;background:url(/images/menu.png) 0 0 repeat-x;text-shadow:1px 1px 1px #572610;}
#catmenu ul li.item-parent a {padding-right:26px;}
#catmenu ul li a .item-arrow {top:14px;right:12px;z-index:30;}
#catmenu ul ul {float:none;width:auto;border:1px solid #5e2911;border-bottom:none;background:#8c401f;}
#catmenu ul ul ul {margin:0 0 0 180px;}
#catmenu ul ul li {text-transform:none;background:none;}
#catmenu ul li ul ul {margin:0 0 0 180px;}
#catmenu ul li li a,#catmenu ul li li a:hover,#catmenu ul li.item-hover li a,#catmenu ul li li a.current-item {background:none;color:#fff;border-right:none;border-bottom:1px solid #5e2911;line-height:normal;height:auto;font-size:11px;white-space:normal;padding:8px 10px;text-shadow:1px 1px 1px #572610;height:auto;_width:auto;}
#catmenu ul li li a:hover {background:none;color:#fff;text-decoration:underline;}
#catmenu ul.ut-menu li a .item-arrow {top:14px;right:10px;z-index:7;}
#catmenu ul.ut-menu li li a .item-arrow {top:9px;right:8px;}
#catmenu .multicolumn > li {border-color:#5e2911;}
<div id="catmenu">
<ul class="ut-menu">
<li><a href="/"><span>О нас</span></a></li>
<li><a href="/index/kalendar_poezdok/0-4"><span>Календарь поездок</span></a></li>
<li style="position:relative;" class="item-parent"><a href="/index/poezdki/0-5"><span>Маршруты</span><em class="item-arrow">»</em></a><ul style="left: auto; opacity: 0.95; z-index: 1021; display: none;">
<li class="item-parent" style="width: 180px;"><a href="/index/odnodnevnye/0-6"><span>Однодневные</span><em class="item-arrow">»</em></a><ul style="left: auto; opacity: 0.95; z-index: 1008; display: block;">
<li style="width: 180px;"><a href="/index/ostrov_valaam/0-15"><span>Остров Валаам</span></a></li>
<li style="width: 180px;"><a href="http://ladeia.ru/index/monastyri_prisvirja/0-26"><span>Монастыри Присвирья</span></a></li>
<li style="width: 180px;"><a href="http://ladeia.ru/index/na_liturgiju_k_otcu_aleksandru_zakharovu_v_sologubovku/0-30"><span>На Литургию к отцу Александру Захарову в Сологубовку</span></a></li>
<li style="width: 180px;"><a href="http://ladeia.ru/index/http_ladeia_ru_index_http_ladeia_ru_index_v_proshhennoe_voskresene_v_staruju_russu_i_bakochino_0_34_0_37/0-37" class="current-item"><span>В прощенное воскресенье в Старую Руссу и Бакочино</span></a></li></ul></li>
<li class="item-parent" style="width: 180px;"><a href="/index/dvukh_trjokhdnevnye/0-7"><span>Многодневные</span><em class="item-arrow">»</em></a><ul style="left: auto; opacity: 0.95; z-index: 1007; display: none;">
<li style="width: 180px;"><a href="/index/pechory/0-19"><span>Печоры</span></a></li>
<li style="width: 180px;"><a href="/index/varlaamo_khutynskij_monastyr/0-21"><span>Варлаамо-Хутынский м...</span></a></li>
<li style="width: 180px;"><a href="http://ladeia.ru/index/optina_pustyn/0-25"><span>Оптина пустынь</span></a></li></ul></li></ul></li>
<li style="position:relative;" class="item-parent"><a href="/index/zarubezhnye_poezdki/0-9"><span>Зарубежные маршруты</span><em class="item-arrow">»</em></a><ul style="left: auto; opacity: 0.95; z-index: 1018; display: none;">
<li class="item-parent" style="width: 180px;"><a href="http://ladeia.ru/index/finljadndija/0-32"><span>Финлядндия</span><em class="item-arrow">»</em></a><ul style="left: auto; opacity: 0.95; z-index: 1017; display: none;">
<li style="width: 180px;"><a href="http://ladeia.ru/index/novyj_valaam/0-33"><span>Новый Валаам</span></a></li></ul></li></ul></li>
<li><a href="/index/prijom_palomnikov/0-10"><span>Приём паломников</span></a></li>
<li><a href="/index/kontakty/0-12"><span>Обратная связь</span></a></li>
<li><a href="http://ladeia.ucoz.com/photo"><span>Фотографии</span></a></li>
<li><a href="/index/novosti/0-24"><span>Новости</span></a></li></ul>
</div>
<script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv1',0,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script><!-- </sblock_menu> -->
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question