Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Problem sa visinom vertikalnog menija u CSS-u

[es] :: Web dizajn i CSS :: Problem sa visinom vertikalnog menija u CSS-u

Strane: 1 2

[ Pregleda: 3741 | Odgovora: 23 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

s4djan
Student
Tu iza coska

Član broj: 220356
Poruke: 82
*.adsl.eunet.rs.

Sajt: www.erecepti.com


+2 Profil

icon Re: Problem sa visinom vertikalnog menija u CSS-u15.04.2010. u 17:28 - pre 137 meseci
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.




 
Odgovor na temu

Ljubiša Begović
Ljubiša Begović
Beograd

Član broj: 203776
Poruke: 510
109.106.228.*

Sajt: www.besplatne-igrice-igre..


+31 Profil

icon Re: Problem sa visinom vertikalnog menija u CSS-u15.04.2010. u 17:34 - pre 137 meseci
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;
}

 
Odgovor na temu

bykoki
nezaposlen

Član broj: 242437
Poruke: 64
*.dynamic.stcable.net.



Profil

icon Re: Problem sa visinom vertikalnog menija u CSS-u15.04.2010. u 17:51 - pre 137 meseci
Hvala ti, reseno!
 
Odgovor na temu

bykoki
nezaposlen

Član broj: 242437
Poruke: 64
*.dynamic.stcable.net.



Profil

icon Re: Problem sa visinom vertikalnog menija u CSS-u15.04.2010. u 17:52 - pre 137 meseci
Srdjane hvala ti, Ljubisa je resio! Pozdrav!
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Problem sa visinom vertikalnog menija u CSS-u

Strane: 1 2

[ Pregleda: 3741 | Odgovora: 23 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.