Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Встраивание JS-меню в <td>


Автор: Su_ 29.10.2009, 15:11
Добрый день.

Нашел в интернете, исходник js меню.(прикрепил в приложение )

Вопрос, как встроить его в ячейку таблицы в html ?

<td>
//тут код меню
</td>


в примере есть есстественно css стиль
Код

<style type="text/css">
DIV.clSlide{position: absolute;margin-top: 10%;margin-left:0%;  ;z-index:10; left:0; width:154; height:22; clip:rect(0,154,22,0); padding:3px;}
DIV.clSlideSub{position: absolute;margin-top: 10%;margin-left: 0%;;z-index:10; padding:2px; clip:rect(0,200,20,0); width:200; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute;margin-top: 10%;margin-left: 0%; padding:2px; clip:rect(0,148,20,0); width:148; height:20; left:8; visibility:hidden}
#divSlideCont{position: absolute;margin-top:10%;margin-left: 0%; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy} 
</style>


пытался менять св-во Position , но тогда все едет , сделал по средствам отсупа в нужное место .. Но хочеться получить результат, что при открытие менюшки , растягивалась и ячейка в которой она находиться, как это сделать?

Автор: zeralex 4.11.2009, 14:31
В большинстве случаев JS тут не нужен - используй CSS. 
В общем это свойство hover +margin +padding
В google "меню на css"

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)