[ bykoki @ 14.04.2010. 17:43 ] @
Pozdrav. Skinio sam jedan vertikalni meni i sve mi je u redu, samo nikako da podesim visinu na 30 ili 35 px, pokusavam sve moguce opcije ali nejde mi! Molio bih nekog da mi pomogne. Unapred hvala i pozdrav! ---------------------------------------------------------------------------------- <ul id="verticalmenu" class="glossymenu"> <li><a href="http://www.google.com">O nama</a> </li> <li><a href="x.html">Funkcije</a> </li> <li><a href="x">Proizvodnja</a> </li> <li><a href="x/">Kursna lista</a> </li> <li><a href="x">Poslovi</a> </li> <li><a href="x">Savetodavni poslovi</a> </li> <li><a href="x">Saveti</a> <ul> <li><a href="x">Mali</a></li> <li><a href="x">Veliki</a></li> </ul> <li><a href="x">Aktuelnosti</a> </li> </ul> ---------------------------------------------------------------------------------- css ---------------------------------------------------------------------------------- .glossymenu, .glossymenu li ul{ list-style-type: none; margin: 0; padding: 0; width: 160x; /*WIDTH OF MAIN MENU ITEMS*/ border: 0px solid black; } .glossymenu li{ position: relative; } .glossymenu li ul{ /*SUB MENU STYLE*/ position: absolute; width: 160px; /*WIDTH OF SUB MENU ITEMS*/ left: 0; top: 0; display: none; filter:alpha(opacity=100); -moz-opacity:1; } .glossymenu li a{ background: white url(menu/glossyback.gif) repeat-x bottom left; font: 12px Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none; } .glossymenu .arrowdiv{ position: absolute; right: 2px; background: transparent url(menu/arrow.gif) no-repeat center right; } .glossymenu li a:hover{ background-image: url(menu/glossyback2.gif); } /* Holly Hack for IE \*/ * html .glossymenu li { float: left; height: 1%; } * html .glossymenu li a { height: 1%; } /* End */ ---------------------------------------------------------------------------------- javaskript ---------------------------------------------------------------------------------- var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels. function createcssmenu(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ var spanref=document.createElement("span") spanref.className="arrowdiv" spanref.innerHTML=" " ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref) ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px" this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } } } if (window.addEventListener) window.addEventListener("load", createcssmenu, false) else if (window.attachEvent) window.attachEvent("onload", createcssmenu) [Ovu poruku je menjao bykoki dana 15.04.2010. u 13:56 GMT+1] |