ugrás a tartalomhoz

CSS legördülő menü kérdés.

kalikim · 2009. Aug. 10. (H), 14.00
Sziasztok!

Nem rég fogtam hozzá weboldalam átalakításához és arra gondoltam, hogy a menüvel kezdem. Találtam egy jópofa kis legördülő menüt a webappers.com-on, amely a vimeo-nak a menüje. Elkezdem átalakítani, de sajnos nem lett pont olyan amilyet én szeretnék. Css-ben még nem vagyok túl jó ezért kérném a ti segítségeteket.
Jelenleg így néz ki.
Azt szeretném elérni, hogy a legördülő rész középpontja mindig egybeessen a fölötte lévő szöveg középpontjával.
Valahogy így.
Van erre valami megoldás? A segítséget előre is köszönöm.
A honlapom, címe, ahol a menü elérhető:Menü
‹ különböző magasságú divek floatja nem megy Kép átméretezése ›
 ■
1

left:35px

solkprog · 2009. Aug. 10. (H), 14.32
#menu li ul {}-ban írd át a left értékét 35px-re (most -10px)

üdv,
Balázs
2

Köszönöm a gyors választ

kalikim · 2009. Aug. 10. (H), 15.24
Nagyon köszönöm a gyors választ, sikerült. Viszont az az igazság, hogy a főmenü szavai eltérő hossszúságúak és az első szó alatti almenüt kivéve az összes többi elcsúszik. Nincs valami olyan megoldás, ami a szavak középpontjához képest "relatív" távolságal állítja be az almenü közepét? Ne haragudj, ha egy kicsit bonyolultan fogalmaztam. Illetve még egy kérdés: hogyan tudom egy kicsit szélesebbre venni az almenüt? Mégegyszer köszönöm a segítséget. :)
3

?

solkprog · 2009. Aug. 10. (H), 16.48
Közben nem írtad véletlenül át a kódot máshol is? Mert szerintem amikor megnyitottad a topicot akkor más volt a kód. Mert ha igen akkor írd vissza plusz csináld meg amit írtam és szerintem jó lesz. (FF3 ban nálam úgy jó volt)

üdv,
Balázs
4

átírtam a kódot

kalikim · 2009. Aug. 11. (K), 08.55
Azért írtam át a kódot, mert hozzáadtam még néhány menüpontot és így csúsztak el az almenük. :(
5

próbáld így

solkprog · 2009. Aug. 11. (K), 13.08
FF3 firebug (nézd meg mit írtam át):

#menu > li {
background:#172322 none repeat scroll 0 0;
cursor:pointer;
float:left;
padding:0 40px;
position:relative;
text-align:center;
}

#menu li ul {
background-color:#172322;
color:#0395CC;
display:none;
left:10px;
line-height:16px;
margin:45px auto auto;
position:absolute;
right:10px;
top:0;
width:150px;
}
Ezzel elvileg már középen van.