Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Меню аккордеон (с помощью Mootools) (https://javascript.ru/forum/dom-window/4374-menyu-akkordeon-s-pomoshhyu-mootools.html)

alex_p 16.07.2009 13:10

Меню аккордеон (с помощью Mootools)
 
Задача стоит в следующем, имеем Mootools, и плагин BySlideMenu. Требуется создать резиновое меню из 4 пунктов на всю ширину экрана,
проблема состоит в том, что надо сделать резиновым меню, т.е. ширина каждого пункта, должна быть по 25%, а вот здесь где надо указывать параметры проценты не работают. :(

var BySlideMenu = new Class({
Implements: Options,

options: {
defaultIndex: false,
expandMode: 'mouseover',
pinMode: false,
vertical: false,
compressSize: 80,
elementWidth: 320,
elementHeight: 240,
autoSize: true,
duration: 400,
transition: 'linear',
containerWidth: null,
containerHeight: null,
useOverflow: false
},

В коде указываю следующее...

<ul class="bsm" id="byslidemenu">
<li class="first"><img alt="" src="http://javascript.ru/forum/images/creditcards.jpg" /></li>
<li><img alt="" src="http://javascript.ru/forum/images/games.jpg" /></li>
<li><img alt="" src="http://javascript.ru/forum/images/computer.jpg" /></li>
<li><img alt="" src="http://javascript.ru/forum/images/eiffeltower.jpg" /></li>
<li><img alt="" src="http://javascript.ru/forum/images/electronic.jpg" /></li>
</ul>

в подключаемом стиле ничего нет, кроме...
ul.bsm{
margin: 0px auto;
border:1px solid #B0B0B0;
list-style-type: none;
}

ul.bsm li{
border-left:2px solid #FFFFFF;
}

Подскажите что делаю неправильно.

ссылка на сайт разработчика
ссылка на код плагина BySlideMenu


Часовой пояс GMT +3, время: 15:24.