Mi lehet a hiba?

Figyelt kérdés

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;

}



2014. szept. 6. 21:49
 1/6 A kérdező kommentje:
Elnézést kétszer irtam "ha lehetne"...
2014. szept. 6. 21:50
 2/6 anonim ***** válasza:

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;

2014. szept. 6. 21:54
Hasznos számodra ez a válasz?
 3/6 A kérdező kommentje:
Köszönöm szépen!
2014. szept. 6. 22:09
 4/6 A kérdező kommentje:
Tényleg működik, nagyon szépen köszönöm!
2014. szept. 6. 22:12
 5/6 anonim ***** válasza:

Tudom. Szívesen.


Melegen ajánlom figyelmedbe a Firefox beépített fejlesztői eszköztárát.

2014. szept. 6. 22:13
Hasznos számodra ez a válasz?
 6/6 A kérdező kommentje:
Köszike^^
2014. szept. 7. 14:31

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!