We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 38336
    • 1 Posts
    Здравствуйте!
    Есть сайт: http://d2046.zouo.ru/. Проблема в том, что меню не хочет вставать в одну строку, а переносится на другую. Что и где надо изменить/дописать, чтобы это исправить?
    #ajaxmenu ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	}
    
    #ajaxmenu ul li {
    	position: relative;
    	float: left;
    	width:111px;
    	display: block;
    	text-decoration: none;
    	text-align: center;
    	font-weight: normal;
    }
    	
    #ajaxmenu ul li ul {
    	position: absolute;
    	left: 0; /* Set 1px less than menu width */
    	top:28px;
    	line-height: 16px;
    
    	}
    #ajaxmenu ul li a {
    	color:#810952;
    	font-weight: bold;
    }
    
    
    
    /* Styles for Menu Items */
    #ajaxmenu ul li.firstcategory {
    
    	color: #810952;
    	font-weight: bold;
    	height: 28px;
    	line-height: 28px;
    	padding-right: 0px;
    	padding-left: 0px;
    	background-image: url(images/array_332x28_new.jpg);
    	background-repeat: no-repeat;
    	background-position: 0px;
    	margin: 0px;
    
    	}
    #ajaxmenu ul li.category {
    	color: #810952;
    	font-weight: bold;
    	height: 28px;
    	line-height: 28px;
    	padding-right: 0px;
    	padding-left: 0px;
    	background-image: url(images/array_332x28_new.jpg);
    	background-repeat: no-repeat;
    	background-position: -111px;
    	margin: 0px;
    
    	}
    #ajaxmenu ul li.lastcategory {
    	color:#810952;
    	font-weight: bold;
    	height: 28px;
    	line-height: 28px;
    	padding-right: 0px;
    	padding-left: 0px;
    	background-image: url(images/array_332x28_new.jpg);
    	background-repeat: no-repeat;
    	background-position: -222px;
    	margin: 0px;
    
    	}
    
    
    #ajaxmenu ul li.firstcategory:hover, #ajaxmenu ul li.firstcategory.over {
    	color: #fff;
    	background-image: url(images/array_332x28_roll_new.jpg);
    }
    
    #ajaxmenu ul li.category:hover, #ajaxmenu ul li.category.over {
    	color: #fff;
    	background-image: url(images/array_332x28_roll_new.jpg);
    }
    #ajaxmenu ul li.lastcategory:hover, #ajaxmenu ul li.lastcategory.over {
    	color: #fff;
    	background-image: url(images/array_332x28_roll_new.jpg);
    }
    
    /* commented backslash \*/ 
    * html ul li a {height:1%}
    /* end hack */ 
    #ajaxmenu li a {
    	text-decoration: none;
    }
    
    /* hovered lists */
    #ajaxmenu li a, #ajaxmenu li.over a {
    	color: #fff;
    	width: 111px;
    	display: block;
    
    }
    #ajaxmenu li li a:hover, #ajaxmenu li.over li a:hover {
    	background-image: url(images/bullet_11x8_roll.gif)  !important;
    	color: #fff;
    	background-repeat: no-repeat;
    	background-color: #8dbc00;
    	background-position: left center;
    	text-indent: 10pt;
    }
    
    /* set dropdown */
    #ajaxmenu li li a, #ajaxmenu li.over li a {
    	color: #ffffff;
    	background-image: url(images/bullet_11x8.gif) !important;
    	background-repeat: no-repeat !important;
    	text-align: left;
    	border-right: 1px solid #2f2f2f;
    	border-bottom: 1px solid #2f2f2f;
    	border-left: 1px solid #2f2f2f;
    	font-weight: normal;
    	width: 400px;
    	background-color: #812b2b;
    	background-position: left center;
    	text-indent: 10pt;
    }
    #ajaxmenu li ul li a {
    	background-image: url(images/sub_color_4x25.jpg);
    	background-repeat: repeat-x;
    	padding-top: 2px;
    	padding-bottom: 2px;
    	padding-right: 5px;
    	padding-left: 5px;
    } /* Sub Menu Styles */
    
    #ajaxmenu li ul, #ajaxmenu li.over ul { 
    	display: block; 
    } /* The pop */
    #ajaxmenu {
    	margin-right: auto;
    	margin-left: auto;
    	width: 781px;
    
    }
    
    #myajaxmenu {
    	position: absolute;
    	top:1px;
    	left: 0px;
    	display: block;
    	z-index: 1000;
    }


    Это вызов WayFinder в шаблоне:
     <div id="ajaxmenu"> [[Wayfinder?startId=`0` &outerTpl=`mh.OuterTpl` &innerTpl=`mh.InnerTpl` &level='0'  &rowTpl=`mh.RowTpl` &innerRowTpl=`mh.InnerRowTpl` &firstClass=`first` &hereClass=``]] </div>


    Спасибо!