Question

Что нужно для коректного вывода теста в саб меню, что бы, ширина строк на автомате или статично были привязаны к ширине выпадающей менюшки. Надписи без сокращения выводились, что при выводе, что при выделении. Шаблон стандартный "Образование 2012".

Кусок CSS-на меню

#catmenu {background:#242424 url(/.s/t/2012/nav.png) 0 0 repeat-x;line-height:42px;position:relative;z-index:200;border-bottom:1px solid #2f2f2f;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/2012/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 #111;padding:0 15px;font-size:14px;color:#fff;}

#catmenu li:first-child {padding:1;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:#525252 url(/.s/t/2012/nav-hov.png) 0 0 repeat-x;}

#catmenu ul ul {display:none;padding:15px;background:#424242;position:absolute;width:200px;top:44px;left:10px;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:inherit;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:6px 10px;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:#4f4f4f;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;}

 

Answer 1

Перейти в Панель управления - Главная - Дизайн - Конструктор меню, далее отредактировать все обрезанные пункты меню и сохранить изменения.

Дополнительно, уточнение(если пункт меню содержит более 20 символов и если после 20 символа есть пробелы – при создании страницы длина название пункта автоматически будет обрезаться и в следствии чего новая страница добавится в меню с точками как у вас и вышло).

Comments

Спасибо большое!

---

Подскажите, а как настроить такое же меню, так чтобы название выходило в две строчки. На первой строчке  я хочу давать название на русском, на второй, перевод на английском.

---

Просто рядышком пишем на Англ через пробел либо дефис, но старайтесь не превышать название пунктов меню выше 20 символов.

---

Спасибо! Сейчас попробую! :)

---

не получилось. Все мои добавления вышли в одну строчку, а само меню пошло на вторую строку

---

http://sheltie-eva.ucoz.ru/news/sheltinovosti/1-0-4#

---

Меню пошло на вторую строку так как ширина отведенная, для меню не безгранична, если ширины не хватает, то пункты и переносятся на вторую строку как вот у вас.

Чтобы подобного не было, перейдите в Панель управления - Главная - Дизайн - Конструктор меню и те пункты, что переносятся сделайте вложенными то есть подпунктами в другие пункты.

В итоге и меню будет смотреться более привлекательно и все будет ровненько.

---

Спасибо за совет. Переделала. Это не то что я хотела в самом начале, но пока пусть будет в таком виде ...