На Listamatic есть серия симптичных СSS only меню, базированных на идее раскрывания ul/li по горизонтали, и показывания вложенного подменю из ul/li. Общее неудобство - сворачивание браузера до малых размеров и момента когда список начинает складываться. (Поэтому примеры там на 4 пункта :)
На моем проекте количество пунктов в меню разогнали по ширине почти до 800, что привело к проблеме некрасивого складывания
списка при уменьшении размера окна.
На FF / Safari проблема решается просто и через CSS: min-width
IE 6 такого еще не понимает.
Можно пользоваться следующим извратом:
[div id="menuplaceholder"]
[div id="menu"]
[ul] ... ul/li CSS menu code
#menuplaceholder {
border-right:800px;
}
#menu {
TEXT-ALIGN: left;
height: 16px;
margin: 0px;
margin-left: 40px;
white-space:nowrap;
min-width: 800px;
/*IE trick */
float:left;
position:relative;
margin-right:-800px;
}
следует лишь следить чтобы min-width совпадал в бордере, маржине, и min-width для СSS2 aware browsers.
Комментариев нет:
Отправить комментарий