[css] menu Opcje

[Misiuu]

Witam, pomoże mi ktoś połączyć ze sobą elementy które stworzą menu ?
mam obrazki

(IMG:http://img856.imageshack.us/img856/6205/menugh.png) obrazek jest górą menu

(IMG:http://img193.imageshack.us/img193/6258/menubgb.png) tło menu

(IMG:http://img844.imageshack.us/img844/5808/menuta.png) tło na którym pojawia sie napis danego menu

(IMG:http://img508.imageshack.us/img508/4362/menudy.png) dół menu, w kwadracie będzie umieszczony avatar.

pomógł by mi ktoś z napisaniem css dla tego oraz kodu html? : D

[Vhaeraun]

Mniej więcej możesz to zrobić tak : http://jsfiddle.net/UYzPg/2/
Ten odstęp między górnym obrazkiem, a resztą menu to pewnie jakiś prosty i durny błąd (bo pewnie coś źle zrobiłem), więc może ktoś podrzuci Ci jakieś proste rozwiązanie na jego poprawienie. Jak nie, to ustaw dla elementu "ul" margin-top:-4px i będzie działać (chociaż to nie jest poprawny sposób na naprawienie tego (IMG:style_emoticons/default/tongue.gif) ).
Mniej więcej ogólną ideę powinieneś załapać. Zamiast img możesz bawić się w ustawienie background'u dla divów czy coś w ten deseń.

Edit:
display:block; dla elementu img rozwiązuje powyższy problem (wiedziałem że to jakieś proste rozwiązanie tylko musiałem poszukać (IMG:style_emoticons/default/tongue.gif) )

Ten post edytował Vhaeraun 31.08.2011, 21:33:42