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):
  1. #menu > li {  
  2. background:#172322 none repeat scroll 0 0;  
  3. cursor:pointer;  
  4. float:left;  
  5. padding:0 40px;  
  6. position:relative;  
  7. text-align:center;  
  8. }  
  9.   
  10. #menu li ul {  
  11. background-color:#172322;  
  12. color:#0395CC;  
  13. display:none;  
  14. left:10px;  
  15. line-height:16px;  
  16. margin:45px auto auto;  
  17. position:absolute;  
  18. right:10px;  
  19. top:0;  
  20. width:150px;  
  21. }  
Ezzel elvileg már középen van.