3 июля 2008 в 16:14
Нужно меню как вот тут
У меня есть
<div id="header-blocks">
<div id="block-menu-2" class="block block-menu region-odd even region-count-1 count-2"><div class="block-inner">
<h2 class="title">Primary links</h2>
<div class="content">
<ul class="menu">
<li class="expanded"><a href="/" title="выберите пункт" class="active">О компании</a>
<ul class="menu">
<li class="leaf"><a href="/" title="Чем занимается OOO "КЗКБ"" class="active">Деятельность</a></li>
<li class="leaf"><a href="/" title="Обзоры, новости, анонсы" class="active">Новости</a></li>
</ul></li>
<li class="leaf"><a href="/" class="active">Прайс-лист</a></li>
<li class="expanded"><a href="/" class="active">Продукция</a>
<ul class="menu">
<li class="leaf"><a href="/" class="active">Доставка</a></li>
<li class="leaf"><a href="/" title="Плитка, керамзитоблок" class="active">Каталог продукции</a></li>
<li class="leaf"><a href="/" class="active">Прайс-лист</a></li>
<li class="leaf"><a href="/" class="active">Цветовая гамма</a></li></ul></li>
<li class="expanded"><a href="/" title="Примеры использования продукции" class="active">Галерея</a>
<ul class="menu">
<li class="leaf"><a href="/" class="active">Материалы</a></li>
<li class="leaf"><a href="/" class="active">Тротуарное покрытие</a></li></ul></li>
</ul>
</div>
<div id="block-menu-2" class="block block-menu region-odd even region-count-1 count-2"><div class="block-inner">
<h2 class="title">Primary links</h2>
<div class="content">
<ul class="menu">
<li class="expanded"><a href="/" title="выберите пункт" class="active">О компании</a>
<ul class="menu">
<li class="leaf"><a href="/" title="Чем занимается OOO "КЗКБ"" class="active">Деятельность</a></li>
<li class="leaf"><a href="/" title="Обзоры, новости, анонсы" class="active">Новости</a></li>
</ul></li>
<li class="leaf"><a href="/" class="active">Прайс-лист</a></li>
<li class="expanded"><a href="/" class="active">Продукция</a>
<ul class="menu">
<li class="leaf"><a href="/" class="active">Доставка</a></li>
<li class="leaf"><a href="/" title="Плитка, керамзитоблок" class="active">Каталог продукции</a></li>
<li class="leaf"><a href="/" class="active">Прайс-лист</a></li>
<li class="leaf"><a href="/" class="active">Цветовая гамма</a></li></ul></li>
<li class="expanded"><a href="/" title="Примеры использования продукции" class="active">Галерея</a>
<ul class="menu">
<li class="leaf"><a href="/" class="active">Материалы</a></li>
<li class="leaf"><a href="/" class="active">Тротуарное покрытие</a></li></ul></li>
</ul>
</div>
Есть css
.menu li.expanded, li.collapsed, li.leaf/* Drupal override */
{
display: block;
}
.menu li.expanded/* Drupal override */
{
font-weight: bold;
}
.menu li.leaf/* Drupal override */
{
font-weight:normal;
}
ul { list-style-type: none; }
ul ul { list-style-type: none; }
ul ul ul { list-style-type: none; }
ul ul ul ul { list-style-type: none; }
ol { list-style-type: none; }
ol ol { list-style-type: none; }
ol ol ol { list-style-type: none; }
content ul
{
display:block;
}
{
display: block;
}
.menu li.expanded/* Drupal override */
{
font-weight: bold;
}
.menu li.leaf/* Drupal override */
{
font-weight:normal;
}
ul { list-style-type: none; }
ul ul { list-style-type: none; }
ul ul ul { list-style-type: none; }
ul ul ul ul { list-style-type: none; }
ol { list-style-type: none; }
ol ol { list-style-type: none; }
ol ol ol { list-style-type: none; }
content ul
{
display:block;
}
Комментарии
Решение нашел, просто надо по варьировать css:
#header-blocks .content
{
float:left;
margin : 0px 0px 0px 200px;
border : 1px solid Black;
}
#header-blocks .content .menu .expanded /*.content ul .menu*/
{
height : 120px;
width:150px;
left: 40px;
float : left;
}
Плюс еще вот это может пригодиться
li.expanded,
li.collapsed,
li.leaf
{
margin: 0;
padding: 0;
}
.menu li.expanded, li.collapsed, li.leaf/* Drupal override */
{
display: block;
}
.menu li.expanded/* Drupal override */
{
font-weight: bold;
}
.menu li.leaf/* Drupal override */
{
font-weight:normal;
}
ul { list-style-type: none; }
ul ul { list-style-type: none; }
ul ul ul { list-style-type: none; }
ul ul ul ul { list-style-type: none; }
ol { list-style-type: none; }
ol ol { list-style-type: none; }
ol ol ol { list-style-type: none; }
Любуюсь полученным
