[ Kety @ 01.06.2017. 10:00 ] @
Zamolila bi ako neko može da mi pomogne oko meni-ja. Problem je u tome što se padajući deo menija ne izvuče koliko je potrebno da bi se videli svi linkovi. Koristim meni: html: Code: <div id="iefix"> <ul id="nav"> <li><a href="#">NAZIV 1</a></li> <li><a href="#">NAZIV 2</a> <div> <ul> <li><a href="#">LINK 1</a></li> <li><a href="#">LINK 2</a></li> <li><a href="#">LINK 3</a></li> <li><a href="#">LINK 4</a></li> <li><a href="#">LINK 5</a></li> <li><a href="#">LINK 6</a></li> <li><a href="#">LINK 7</a></li> <li><a href="#">LINK 8</a></li> </ul> </div> </li> <li><a href="#">NAZIV 3</a></li> </ul> </div> CSS: Code: #iefix { position: absolute; z-index:1000; top: 124px; } #nav,#nav ul { font-family:verdana; list-style:none; margin:0; padding:0; position:relative; } #nav { height:25px; left:0; overflow:hidden; top:0; } #nav li { float:left; position:relative; z-index:2; } #nav li a { color:#280801; display:block; float:left; font-size:13px; align: bottom; height:28px; line-height:29px; padding:0 10px; position:relative; text-decoration: none; z-index:2; } #nav li:first-child a { padding-left:25px; } #nav li ul li:first-child a { background-image:none; padding-left:10px; } #nav li.pad { display:block; height:53px; width:35px; } #nav ul { background:#fff4d8; height:auto; padding:5px 5px; position: absolute; top:-215px; width:280px; z-index:10; border-radius:8px; /*some css3*/ -moz-border-radius:8px; -webkit-border-radius:8px; transition:0.8s ease-in-out; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5); -moz-transition:0.8s ease-in-out; -o-transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; } #nav ul li { width:180px; } #nav ul li a { height:25px; line-height:20px; width:250px; text-align: left; } #nav:hover { height:400px; } #nav li:hover ul { -moz-transform:translate(0,161px); /*some css3*/ -o-transform:translate(0,161px); -webkit-transform:translate(0,161px); } #nav a:hover,#nav li:hover > a { color:#b71904; background:#FADDB1; text-align: left; } Nadam se da ima neko rešenje. |