[css] zaokrąglone boki menu, [SOLVED] Opcje

[phpion]

Hej!
Mam problem z zaokrągleniem boków w menu. Link:
http://phpworkstation.com/stibbe.com/publi...l/template.html
oraz efekt jaki mam osiągnąć:
http://phpworkstation.com/stibbe.com/public_html/1.png
Nadałem <li> tło wyrównane do góry i prawej + no-repeat, natomiast dla <a> mniejsze tło (sam narożnik) wyrównany do góry, lewej, no-repeat ale pod FF i Opera następowało przesunięcie mniejszego tła względem większego (IE zachowywał sie OK). W sumie wystarczającym rozwiązaniem byłoby ustalenie jednakowej szerokości dla wszystkich <li> (ew. <a>) ale niestety nie chce to za bardzo działać (poprzez display: inline; ?).
Prosiłbym więc o pomoc w rozwiązaniu tego problemu.

Ten post edytował phpion.com 18.04.2007, 10:13:06

[angel2953]

http://www.cssplay.co.uk/boxes/four_cornered.html
http://www.cssplay.co.uk/boxes/three_cornered.html
http://www.cssplay.co.uk/boxes/curves.html

[phpion]

Dzięki za linki. Wydaje mi się jednak, ze taki nadmiar kodu do menu to wytaczanie armaty na mrówkę. Chciałbym się tylko dowiedzieć w jaki sposób można ustawić jednakową szerokość kazdej pozycji w menu (wtedy dam background-image dla <li> i powinno być OK).

// EDIT
Problem rozwiązałem poprzez rezygnację z display: inline na rzecz block oraz ustawienie float: left. Dzięki temu mogłem nadać wysokość oraz szerokość dla <li> i ustawiłem dla niego tło. Menu jest poprawnie wyświetlane w Operze, Firefoxie, IE (6 & 7), Swifcie (a'la Safari)

Ten post edytował phpion.com 18.04.2007, 10:12:26