[code]<style type="text/css"> <br><br> /*Credits: Dynamic Drive CSS Library */ <br> /*URL: http://www.dynamicdrive.com/style/ */ <br><br> .suckerdiv ul{ <br> margin: 0; <br> padding: 0; <br> list-style-type: none; <br> width: 190px; /* Width of Menu Items */ <br> border-bottom: 1px solid #ccc; <br> } <br><br> .suckerdiv ul li{ <br> position: relative; <br> } <br><br> /*Sub level menu items */ <br> .suckerdiv ul li ul{ <br> position: absolute; <br> width: 200px; /*sub menu width*/ <br> top: 0; <br> visibility: hidden; <br> } <br><br> /* Sub level menu links style */ <br> .suckerdiv ul li a{ <br> display: block; <br> overflow: auto; /*force hasLayout in IE7 */ <br> color: black; <br> text-decoration: none; <br> background: #fff; <br> padding: 4px 15px; <br> border: 1px solid #ccc; <br> border-bottom: 0; <br> } <br><br> .suckerdiv ul li a:visited{ <br> color: black; <br> } <br><br> .suckerdiv ul li a:hover{ <br> background-color: green; <br> } <br><br> .suckerdiv .subfolderstyle{ <br> background: url(http://forever-web.ucoz.ru/templates/next-list.gif) no-repeat center right; <br> } <br><br> /* Holly Hack for IE \*/ <br> * html .suckerdiv ul li { float: left; height: 1%; } <br> * html .suckerdiv ul li a { height: 1%; } <br> /* End */ <br><br> </style> <br><br> <script type="text/javascript"> <br><br> //SuckerTree Vertical Menu 1.1 (Nov 8th, 06) <br> //By Dynamic Drive: http://www.dynamicdrive.com/style/ <br><br> var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas <br><br> function buildsubmenus(){ <br> for (var i=0; i<menuids.length; i++){ <br> var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") <br> for (var t=0; t<ultags.length; t++){ <br> ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" <br> if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu <br> ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item <br> else //else if this is a sub level submenu (ul) <br> ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it <br> ultags[t].parentNode.onmouseover=function(){ <br> this.getElementsByTagName("ul")[0].style.display="block" <br> } <br> ultags[t].parentNode.onmouseout=function(){ <br> this.getElementsByTagName("ul")[0].style.display="none" <br> } <br> } <br> for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars <br> ultags[t].style.visibility="visible" <br> ultags[t].style.display="none" <br> } <br> } <br> } <br><br> if (window.addEventListener) <br> window.addEventListener("load", buildsubmenus, false) <br> else if (window.attachEvent) <br> window.attachEvent("onload", buildsubmenus)</script> <br> <div class="suckerdiv"><b> <br> <ul id="suckertree1"> <br> <li><a href="http:///"> მთავარი</a></li> <br><br> <li><a class="subfolderstyle" href="http://plays.do.am/news/">ფილმები</a> <br> <ul style="left: 0px; visibility: visible; display: none;"> <br> <li><a href="http:///news/satavgadasavlo/1-0-1">სათავგადასავლო</a></li> <br> <li><a href="http:///news/kartulad_natargmni/1-0-2">ქართულად ნათარგმნი</a></li> <br> <li><a href="http:///news/sashineleba/1-0-3">საშინელება </a></li> <br> <li><a href="http:///news/erot'iuli/1-0-4">ეროტიული</a></li> <br> <li><a href="http:// /news/k'omedia/1-0-5">კომედია</a></li> <br> <li><a href="http:// /news/mdzapr_siuzhet'iani/1-0-6">მძაფრ-სიუჟეტიანი</a></li> <br> <li><a href="http:// /news/pant'ast'ik'a/1-0-7">ფანტასტიკა </a></li> <br> <li><a href="http:// /news/drama/1-0-8">დრამა</a></li> <br> <li><a href="http:// /news/skhva/1-0-9">სხვა</a></li> <br> </ul> <br> </li>[/code]