Mi lehet a hiba?
Nos, egy legördülő menut css-el...
Megy meg minden, de amikor ráviszem az egeret hogy legördüljön akkor kicsit feljebb csúszik...
Kezdek bekattanni tőlle szóval ha lehet értelmes válaszokat ha lehetne!
a html rész:
<div id="menu">
<ul>
<li>
<div>legordulo
<ul class="le">
<li><a href="#">le1</a></li>
<li><a href="#">le2</a></li>
<li><a href="#">le3</a></li>
<li><a href="#">le4</a></li>
<li><a href="#">le5</a></li>
</ul>
</div>
</li>
<li class="asd"><a href="#">menu2</a></li>
<li class="asd"><a href="#">menu3</a></li>
<li class="asd"><a href="#">menu4</a></li>
<li>
<div>legordulo 2
<ul class="le">
<li><a href="#">le1</a></li>
<li><a href="#">le2</a></li>
<li><a href="#">le3</a></li>
<li><a href="#">le4</a></li>
<li><a href="#">le5</a></li>
</ul>
</div>
</li>
</ul>
</div>
a css:
div#menu ul#le li{
float: none;
}
div#menu ul li{
list-style: none;
float: left;
text-align: center;
}
div#menu ul li div, ul li a{
text-decoration: none;
color: red;
width: 100;
background: gradient( top, #00FFFF 0%, #00FF00 100%);
background: -webkit-linear-gradient( top, #00FFFF 0%, #00FF00 100%);
background: -moz-linear-gradient( top, #00FFFF 0%, #00FF00 100%);
display: block;
cursor: pointer;
padding: 10 20;
}
ul.le{
display:none;
}
div#menu ul li div:hover {
color: lime;
background: -webkit-linear-gradient( top, #323232 0%, #232323 100%);
background: -moz-linear-gradient( top, #323232 0%, #232323 100%);
display: block;
}
div#menu ul li div:hover ul{
color: lime;
background: -webkit-linear-gradient( top, #323232 0%, #232323 100%);
background: -moz-linear-gradient( top, #323232 0%, #232323 100%);
display: block;
}
div#menu ul li div a:hover {
color: lime;
background: -webkit-linear-gradient( top, #323232 0%, #232323 100%);
background: -moz-linear-gradient( top, #323232 0%, #232323 100%);
display: block;
}
div#menu ul li a:hover{
color: lime;
background: -webkit-linear-gradient( top, #323232 0%, #232323 100%);
background: -moz-linear-gradient( top, #323232 0%, #232323 100%);
display: block;
}
Elég késő van már, úgyhogy csak egy gyors megoldás:
a legördülő ul-nek adj egy ilyen formázást:
position: relative;
left: -60px;
top: 10px;
Tudom. Szívesen.
Melegen ajánlom figyelmedbe a Firefox beépített fejlesztői eszköztárát.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!