Форум

вроде разобрался - скопировал из демо версии 11 шаблон меню "трее" в котором исправлены всею глюки по сравнению с редакцией 8.5.3 которую я использую. Вырезал оттуда и оформление ЦСС и код рабочий. но возникла другая проблема в ИЕ и Опере выглядит меню по другому отсюда новый вопрос -

как можно убрать эти отступы в ИЕ  и выровнять текст ?
Адрес страницы [url]http://www.is2.rivne.com/catalog/[/url]
Дял меню у меня прописаны стили в файле ........... ./components/bitrix/menu/tree/style.css и кроме того в файле
template_styles.css для шаблона.
Запутался я короче.... где те отступы менять как сделать это меню кроссбраузерным?

[B]вот полный код CSS моего шаблона "трее"
[/B]
div.menu-sitemap-tree
{
font-size:100%;
font-weight:bold;
}
div.menu-sitemap-tree ul
{
list-style-type: none;
list-style-position:inside;
margin: 0 0 0 0px;
padding: 0 1em 0 0;
}
div.menu-sitemap-tree ul ul
{
width: auto;
margin:-0.75em 0 0 0px;
padding: 0 0 0 0.75em;
}
div.menu-sitemap-tree li
{
margin: 0 0 -0.85em 0;
padding:5px;
}
div.menu-sitemap-tree li li
{
margin: 0 0 -0.85em 0.5em;
padding:5px 10px 5px 0px;
}
div.menu-sitemap-tree li.close ul
{
display: none;
}
div.menu-sitemap-tree div.item-text
{
position:relative;
top:-20px;left:30px;
}
/*Icons*/
div.folder, div.page
{
background-repeat:no-repeat;
width:17px;
height:17px;
vertical-align:top;
}
div.folder{cursor:pointer; cursor: hand;background-image:url(images/folder_open.gif);}
div.menu-sitemap-tree li.close div.folder{background-image:url(images/folder_close.gif);}
div.page{background-image:url(images/page.gif);}


[B]а вот то что касается этого меню из template_styles.css[/B]

#left-menu { list-style-type: none; margin: 0; padding: 0 0 0 5px; font-family: Arial;}
#left-menu a { font-size: 1.3em; outline: none; text-decoration: none;}
#left-menu ul a { font-size: 1.1em !important; outline: none; vertical-align:top; }
#left-menu li.current { padding: 0; overflow: hidden; zoom:1; display: block; margin-top: 0.3em;}
#left-menu li.current ul { padding: 0 0 0 12px;}
#left-menu .current a  { padding: 1px 10px 2px 13px;  display: block; zoom:1; font-style:normal; font-size: 0.95em !important; vertical-align:top;}
#left-menu .current ul a { padding:0;}
#left-menu ul { font-weight: normal; margin: 0.5em 0 0 -4px; padding: 0; list-style-type: none;}
#left-menu ul ul { margin: 0.5em 0 0 0em; }
#left-menu li li { margin-bottom: 0.5em; padding:0 13px 0; text-indent: 0; background: none;}
#left-menu li { background: url(images/left-menu-arrow.gif) no-repeat 0 6px; padding:0 0 0 11px; margin-bottom: 0.55em; }
#left-menu li li li { margin-bottom: 0.3em; }
#left-menu .selected, #left-menu a.selected, #left-menu a.selected:hover { color: #FFA733;}
#left-menu .current a.selected { background: #FFA733; color: #fff;}
Подскажите плиз где копать и как исправить глюк?

Добрый день.
Имеется такая проблема - на сайте сделано левое древовидное раскрывающееся по нажатию мышки меню которое формируется динамически из содежимого инфоблока "товары" (над ним сверху есть левое меню выплывающее).  На сайте применяется 2 шаблона один общий для всех страниц и другой шаблон для каталога в котором и имеется данное меню древовидное - в других разделах его нету  Подскажите пожалуйста как конкретно через СSS стили (что и где прописать) чтоб названия разделов и ссылок посещенных и непосещенных были одинаковые. выделялась ТОЛЬКО цветом (или подчеркиванием) АКТИВНЫЙ РАСКРЫТЫЙ пункт меню каталога в котором находится пользователь. Реально ли реализовать такое и если да то какой код надо прописать? парюсь полдня результата 0.
Подскажите пожалуйста добрые люди что копать ?

>>укажи через "," типы меню

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