Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Menu zrobione za pomoca Spritów CSS
Forum PHP.pl > Forum > Przedszkole
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:

  1. <ul>
  2. <!-- 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 -->
  3. </ul>


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:

  1. #menu_1 { width: xxx; height: xxx; background( xxx ) -30px 0;
  2. #menu_2 { width: xxx; height: xxx; background( xxx ) -62px 0;
  3. #menu_3 { width: xxx; height: xxx; background( xxx ) -97px 0;
  4. ... itd ?


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> ?
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ę?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.