[CSS][HTML]Menu zrobione za pomoca Spritów CSS, Jak wykonać ten przypadek? Opcje

[kukix]

Witam.

Naczytałem się ostatnio troche na temat Spritów CSS. Chciałem zastosować go w menu na stronie.

Obraqzej jest TUTAJ

Moje menu wypluwane jest następująco:

[PHP] pobierz, plaintext 
<ul>
<!-- BEGIN cms_dzialy_1 --><li id="menu_{cms_dzialy_1.Q_var}"><a {cms_dzialy_1.LINK}>{cms_dzialy_1.NAZWA}</a></li><!-- END cms_dzialy_1 -->
</ul>
[PHP] pobierz, plaintext 

Jak zorganizować to menu, żeby korzystało ze spritów?
Menu ma wyglądac dokłądnie jak to na obrazku, kolejności wielkości poszczególnych działów też.

Czy musze po kolei każdy element zaprogramować? tj:

[HTML] pobierz, plaintext 
#menu_1 { width: xxx; height: xxx; background( xxx ) -30px 0; 
#menu_2 { width: xxx; height: xxx; background( xxx ) -62px 0; 
#menu_3 { width: xxx; height: xxx; background( xxx ) -97px 0; 
... itd ?
[HTML] pobierz, plaintext 

Będe wdzięczny za wszelkie wypowiedzi.

Nikt nie wie nic na ten temat? czy lepiej pociac ten obrazek i powstawiać normalnie elementy <a href="xxx"><img src="ccc"></a> ?

Ten post edytował kukix 5.12.2011, 15:56:50

[phpion]

Tak. Każdemu elementowi menu musisz nadać wymiary (szerokość + wysokość) oraz zdefiniować przesunięcie tła. Jeśli jednak to menu ma nie mieć efektu :hover to może prościej byłoby zastosować tutaj mapę?