Друзья, может кто-то уже реализовывал себе, подскажите.
Есть стандартное вертикальное меню - left.menu.php
содержимое компонента такое:
Содержимое файла стилей:
Необходимо добиться следующего - чтобы независимо от количества добавленных пунктов, меню по вертикали всегда было одинаковым (например 220 px), а пункты соответственно растягивались по высоте, занимая все 220 px.
Возможно ли сделать это только стилями, или надо скриптом как то подсчитывать количество пунктов, затем 220 px делить на кол-во имеющихся пунктов и позже задавать в стилях соответственно высоту каждого элемента [*].
Можно ли это условие как то прописать непосредственно в шаблоне меню или в стилях?
Есть стандартное вертикальное меню - left.menu.php
содержимое компонента такое:
| Код |
|---|
<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
<?if (!empty($arResult)):?>
<ul class="left-menu">
<?
foreach($arResult as $arItem):
if($arParams["MAX_LEVEL"] == 1 && $arItem["DEPTH_LEVEL"] > 1)
continue;
?>
<?if($arItem["SELECTED"]):?>
<li><a href="<?=$arItem["LINK"]?>" class="selected"><?=$arItem["TEXT"]?></a></li>
<?else:?>
<li><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li>
<?endif?>
<?endforeach?>
</ul>
<?endif?> |
| Код |
|---|
/* Left menu*/
ul.left-menu
{
list-style:none;
margin:0; padding:0;
margin-bottom:8px;
position: relative; /*IE bug*/
}
ul.left-menu li
{
padding: 10px 16px;
background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x;
}
ul.left-menu li a
{
font-size:100%;
color:#BC262C;
font-weight:bold;
text-decoration:none;
}
ul.left-menu li a:visited
{
color:#BC262C;
}
ul.left-menu li a:hover
{
color:#BC262C;
}
ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
color:#FC8D3D;
}
|
Необходимо добиться следующего - чтобы независимо от количества добавленных пунктов, меню по вертикали всегда было одинаковым (например 220 px), а пункты соответственно растягивались по высоте, занимая все 220 px.
Возможно ли сделать это только стилями, или надо скриптом как то подсчитывать количество пунктов, затем 220 px делить на кол-во имеющихся пунктов и позже задавать в стилях соответственно высоту каждого элемента [*].
Можно ли это условие как то прописать непосредственно в шаблоне меню или в стилях?
