Задача стоит в следующем, имеем 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