[ 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="&nbsp;&nbsp;"
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]
[ m.stojanov @ 14.04.2010. 21:34 ] @
Koliko vidim, problem ces resiti ako u:

Code:
.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;
}


width: auto; zameni sa sirinom koja ti odgovara, npr. width: 100px;
[ bykoki @ 14.04.2010. 22:16 ] @
neradi potpuno sve pobrkaprvi red ode levo drugi desno!

[Ovu poruku je menjao bykoki dana 15.04.2010. u 13:55 GMT+1]
[ Ljubiša Begović @ 14.04.2010. 23:12 ] @
Code:
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 160x; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}


Jel ti ovo: "width: 160x" samo stoji ovde na forumu ili ti je tako i na stranici?
[ bykoki @ 14.04.2010. 23:35 ] @
Da sad sam vidio stajalo je tako i na stranici! ali mi je duzina normalno izgledala!

[Ovu poruku je menjao bykoki dana 15.04.2010. u 13:57 GMT+1]
[ Ljubiša Begović @ 15.04.2010. 00:03 ] @
A jel radiš to online, jel može da se vidi?
[ bykoki @ 15.04.2010. 00:18 ] @
Neradim online, evo zasada ti mogu poslat samo sliku , a ako nebudes mogo resit do sutra i budes zainteresiran, naci cu negde pa ga okacit!

[Ovu poruku je menjao bykoki dana 15.04.2010. u 13:57 GMT+1]

[Ovu poruku je menjao bykoki dana 15.04.2010. u 13:58 GMT+1]
[ bykoki @ 15.04.2010. 00:24 ] @
Evo ti html cod


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>
pocetna
</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="sr">
<meta name="title" content="">
<meta name="author" content="koki">
<meta content="index, folow name="googlebot">
<meta name="description" content="">
<meta name="">





<!---------------------------------------------------------------------------------------------------->

<link rel="stylesheet" type="text/css" href="cssverticalmenu.css" />
<script type="text/javascript" src="cssverticalmenu.js"></script>


</head>

<body>



<!--------------------------------- pocinje tabla prva------------------------------------------------------>

<table class="logo" border="0" cellSpacing="0" cellPadding="0" width="950" height="200" align="center">
<tr>
<td width="950" valign="top">


</tr>
</tr>
</table>

<!-----------------------------------------------------------pocinje druga tabela-------------------------->


<table bgcolor="9ACD32" width="950" border="0" cellSpacing="0" cellPadding="0" align="center">
<tr>

<!--------------------------------------------------------------------------------------------------------->

<td width="160" valign="top">
<table width=160" border="0" cellSpacing="0" cellPadding="0">
<tr>
<td width="160" valign="top">

<ul id="verticalmenu" class="glossymenu">

<li><a href="http://www.google.com">O nama</a>
</li>

<li><a href="topola.html">Funkcije</a>
</li>

<li><a href="">Proizvodnja</a>
</li>

<li><a href="http://www.b92.net/biz/kursna_lista/">Kursna lista</a>
</li>

<li><a href="http://www.naslovi.net/drustvo/">Poslovi</a>
</li>

<li><a href="http://www.naslovi.net/drustvo/">Savetodavni poslovi</a>
</li>

<li><a href="http://www.naslovi.net/drustvo/">Saveti</a>
<ul>
<li><a href="http://www.b92.net/sport/">Mali</a></li>
<li><a href="http://www.eurosport.com/">Veliki</a></li>
</ul>

<li><a href="http://www.mikro.co.yu/">Aktuelnosti</a>
</li>

</ul>
</td>
</tr>
</table>

</td>
<!---------------------------------------------------------------------------zavrsava leva tabela---------->


<td width="19">
<!-------------------------------------------------------------------------------leva mala----------------->


</td>
<!--------------------------------------------------------------------------------------------------------->

<td width="602" align="center" valign="top" bgcolor="#9ACD32">

<!-----------------pocinje tabla u tabeli sa vestima------------------------------------------------------->

<br>
<table width="602" height="50" valign="top" border="0" cellSpacing="0" cellPadding="0">
<td class="naslovindex" colspan="5" width="602" height="40" valign="middle">
Pocetna strana
</td>

</tr>
<tr>

<td>
</td>

</tr>

</table>

</td>



<!--------------------------------------------------------------------------------------------------------->

<td width="19">
<!---------------------desna mala------------------>
</td>

<!--------------------------------------------------------------------------------------------------------->

<td width="150" valign="top">

<table width="100%" align="center" cellSpacing="0" cellPadding="0" border="0">
<tr>
<td height="5">

</td>

</tr>
<tr>

<td valign="top" align="center">
reklama

</td>

</tr>
<tr>

<td height="5">

</td>

</tr>
</table>
</td>

<!-------------------------------------------završavaju reklame-------------------------------------------->

</tr>

</table>


<!--------------------------------------------------------------------------------------------------------->
<table cellspacing="0" cellpadding="0" width="987" border="0" align="center">
<tr>
<td class=menicrtagore>
<img height="1" src="index_files/pik.gif" width="1"></td>
</tr></table>
<table cellSpacing="0" cellPadding="0" width="987" border="0" align="center">
<tr>
<td class=menicrtadole>
<img height="1" src="index_files/pik.gif" width="1"></td>
</tr></table>
<!----------------------------------pocinje tabla zadnja---------------------------------------------------->



</body
</html>
[ Ljubiša Begović @ 15.04.2010. 01:06 ] @
Zipuj, raruj - html, css i js fajl i prikači ovde pa ću da pogledam ako budem mogao da to rešim, jel ovako može da se otegne i da se nagađa.
Verovatno si to preuzeo sa dynamicdrive-a.
[ s4djan @ 15.04.2010. 07:23 ] @
Ono je 160px a ne 160x i jasno pise gde se podesava sirina. Samo si trebao da probas da ispravis kad ti je rekao "Ljubiša Begović"

/*WIDTH OF MAIN MENU ITEMS*/ i /*WIDTH OF SUB MENU ITEMS*/
[ bykoki @ 15.04.2010. 08:07 ] @
Zipovacu ti i poslat cim stignem
[ bykoki @ 15.04.2010. 08:12 ] @
Dobro jutro! Hvala na interesovanju, normalno da sam odmah ispravio 160x na 160 px ali ni tada nije radilo, nevidim gdje to jasno pise za sirinu, bas ne stojim najbolje sa engleskim. Ali ni Ljubisa nije uspio resit!
Pozdrav!
[ s4djan @ 15.04.2010. 08:31 ] @
Zaboravio sam ti reci da je bilo nekih gresaka u html kodu. Evo ti preciscen kod:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title>pocetna</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="Content-Language" content="sr">
        <meta name="title" content="">
        <meta name="author" content="koki">
        <meta content="index, folow name="googlebot">
        <meta name="description" content="">
        <!---------------------------------------------------------------------------------------------------->
        <link rel="stylesheet" type="text/css" href="cssverticalmenu.css" />
        <script type="text/javascript" src="cssverticalmenu.js">
        </script>
    </head>
    <body>
        <!--------------------------------- pocinje tabla prva------------------------------------------------------>
        <table class="logo" border="0" cellSpacing="0" cellPadding="0" width="950" height="200" align="center">
            <tr>
                <td width="950" valign="top"></td>
            </tr>
        </table>
        <!-----------------------------------------------------------pocinje druga tabela-------------------------->
        <table bgcolor="9ACD32" width="950" border="0" cellSpacing="0" cellPadding="0" align="center">
            <tr>
                <!--------------------------------------------------------------------------------------------------------->
                <td width="160" valign="top">
                    <table width=160" border="0"  cellSpacing="0" cellPadding="0">
                        <tr>
                            <td width="160" valign="top">
                                <ul id="verticalmenu" class="glossymenu">
                                    <li>
                                        <a href="http://www.google.com">O nama</a>
                                    </li>
                                    <li>
                                        <a href="topola.html">Funkcije</a>
                                    </li>
                                    <li>
                                        <a href="">Proizvodnja</a>
                                    </li>
                                    <li>
                                        <a href="http://www.b92.net/biz/kursna_lista/">Kursna lista</a>
                                    </li>
                                    <li>
                                        <a href="http://www.naslovi.net/drustvo/">Poslovi</a>
                                    </li>
                                    <li>
                                        <a href="http://www.naslovi.net/drustvo/">Savetodavni</a>
                                    </li>
                                    <li>
                                        <a href="http://www.naslovi.net/drustvo/">Saveti</a>
                                        <ul>
                                            <li>
                                                <a href="http://www.b92.net/sport/">Mali</a>
                                            </li>
                                            <li>
                                                <a href="http://www.eurosport.com/">Veliki</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="http://www.mikro.co.yu/">Aktuelnosti</a>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    </table>
                </td>
                <!---------------------------------------------------------------------------zavrsava leva tabela---------->
                <td width="19">
                    <!-------------------------------------------------------------------------------leva mala----------------->
                </td>
                <!--------------------------------------------------------------------------------------------------------->
                <td width="602" align="center" valign="top" bgcolor="#9ACD32">
                    <!-----------------pocinje tabla u tabeli sa vestima------------------------------------------------------->
                    <br/>
                    <table width="602" height="50" valign="top" border="0" cellSpacing="0" cellPadding="0">
                        <td class="naslovindex" colspan="5" width="602" height="40" valign="middle">
                            Pocetna strana
                        </td>
                    </table>
                    <tr>
                        <td>
                        </td>
                    </tr>
                </td>
                <!--------------------------------------------------------------------------------------------------------->
                <td width="19">
                    <!---------------------desna mala------------------>
                </td>
                <!--------------------------------------------------------------------------------------------------------->
                <td width="150" valign="top">
                    <table width="100%" align="center" cellSpacing="0" cellPadding="0" border="0">
                        <tr>
                            <td height="5">
                            </td>
                        </tr>
                        <tr>
                            <td valign="top" align="center">
                                reklama
                            </td>
                        </tr>
                        <tr>
                            <td height="5">    
                            </td>
                        </tr>
                    </table>
                </td>
                <!-------------------------------------------završavaju reklame-------------------------------------------->
            </tr>
        </table>
        <!--------------------------------------------------------------------------------------------------------->
        <table cellspacing="0" cellpadding="0" width="987" border="0" align="center">
            <tr>
                <td class=menicrtagore>
                    <img height="1" src="index_files/pik.gif" width="1" alt="">
                </td>
            </tr>
        </table>
        <table cellSpacing="0" cellPadding="0" width="987" border="0" align="center">
            <tr>
                <td class=menicrtadole>
                    <img height="1" src="index_files/pik.gif" width="1" alt="">
                </td>
            </tr>
        </table><!----------------------------------pocinje tabla zadnja---------------------------------------------------->
    </body
</html>
[ bykoki @ 15.04.2010. 08:42 ] @
Hvala, ali gore imas okacen css i ako mozes pokazi mi gdje se podesava sirina menia npr. na 30 px.
Pozdrav!
[ s4djan @ 15.04.2010. 08:48 ] @
Ovde sa 160px promeni kolika hoces da ti bude sirina u glavnom meniju:

Code:
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}


A ovde sa 160px promeni kolika hoces da ti bude sirina u sub meniju:

Code:
.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;
}
[ bykoki @ 15.04.2010. 08:54 ] @
Ja se skroz izvinjavam, nije problem u sirini nego visini, sinoc sam bio toliko umoran, da sam bubnuo, nadam se da nemislis da je neko zezanje! Pozdrav!
[ bykoki @ 15.04.2010. 08:56 ] @
Non stop mi neko visio nad glavom ili zvao tel. i ja umesto visina (height) napisem sirina!
[ s4djan @ 15.04.2010. 09:06 ] @
Evo ovde umetni height:35px:

Code:
.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;
height:35px;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}


Time bi verovatno skratio ovu temu za 5 postova, al ajde ljudski je gresiti.
[ bykoki @ 15.04.2010. 12:48 ] @
Evo sve sam spakovao u zip pa ako neko jos od vas dvojice zeli da pomogne... Srdjane pogledaj kako izgleda u mozilli kad stavim height 30px, a kako u exploreru!

Pozdrav!
[ bykoki @ 15.04.2010. 12:53 ] @
Ja se skroz izvinjavam, nije problem u sirini nego visini, sinoc sam bio toliko umoran, da sam bubnuo, nadam se da nemislis da je neko zezanje!
Non stop mi neko visio nad glavom ili zvao tel. i ja umesto visina (height) napisem sirina!

Skroz dole na dnu posta imas Zipovano sve, pa ako imas vremena i volje pogledaj!

Pozdrav!
[ s4djan @ 15.04.2010. 17:28 ] @
Evo ga jos jedan pokusaj:

Code:
#verticalmenu, #verticalmenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

#verticalmenu li{
position: relative;
}

#verticalmenu 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;
}

#verticalmenu li a{
background:  url(menu/glossyback.gif) repeat-x bottom left;
font: 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
text-decoration: none;
height:40px;/*OVDE MENJAJ VISINU*/
line-height: 35px;/*OVA VELICENA NEK TI BUDE <= OVOJ GORNJOJ*/
padding: 0 0 0 10px;
}


#verticalmenu span.arrowdiv{
position: absolute;
right: 5px;
background:  url(menu/arrow.gif) no-repeat center center;
}


#verticalmenu 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 */


Sve sam ti sredio sem strelice videces da je u eksploreru pomerena.




[ Ljubiša Begović @ 15.04.2010. 17:34 ] @
Ako sam dobro shvatio ti hoćeš da ti visina za stavke u meniju bude 30px.
line-height: 28px; > samo dodaj ovo u .glossymenu li a

Isto izgleda u svim browserima, uključijući i IE6.



Izmena:
A što se tiče strelice, u .glossymenu .arrowdiv dodaj: top: 4px;

Code:
.glossymenu .arrowdiv{
position: absolute;
right: 2px;
top: 4px;
background: transparent url(menu/arrow.gif) no-repeat center right;
}
[ bykoki @ 15.04.2010. 17:51 ] @
Hvala ti, reseno!
[ bykoki @ 15.04.2010. 17:52 ] @
Srdjane hvala ti, Ljubisa je resio! Pozdrav!