Mapa Polski - tylko HTML i CSS
- Data:
- 22 styczeń 2008
- Kategoria:
- CSS, HTML i XHTML
Stworzenie mapy, w zasadzie jakiejkolwiek, zawsze stawiało pytanie: jak to zrobić? A może lepiej: w czym to zrobić?
Generalnie możliwości jest wiele, ale my skupimy się na stworzeniu mapy używając do tego tylko HTML i CSS. Tak, jak było to w przypadku mapy świata, tak w tym przypadku przygotowanie takiej mapy to 2 kroki:
- Przygotowanie odpowiednio pociętej grafiki, czyli wszystkie województwa i cała mapa Polski w jednym obrazku.
- Przygotowanie arkusza stylów z odpowiednimi przesunięciami bloków
<a>...</a>.
Cały trick polega na tym, aby odpowiednio przesuwać tło w momencie zdarzenia hover/focus. Sprawdź przykład, jak to jest zrobione. Wadą tej metody jest to, iż wszystkie województwa są traktowane jako prostokąty, co nie pozwala na wyznaczenie dokładnych granic.
Twój komentarz
Kategorie
- Accessibility (16)
- Aktualności Ikeris (22)
- Artykuły (12)
- CSS (13)
- Flash (4)
- Grafika (2)
- HTML i XHTML (13)
- Oprogramowanie (6)
- Programowanie (18)
- Przeglądarki (23)
- Server side (3)
- Skrypty (7)
- Systemy (2)
- Usability (6)
- Wordpress (11)
Linki
2 komentarze(y) - “Mapa Polski - tylko HTML i CSS”
A jak stworzyć arkusz stylów, jest do tego jakiś program który to ułatwia ?
pozdrawiam
W zasadzie to nie spotkaliśmy się z takim oprogramowaniem, które by to w pełni automatyzowało. Być może istnieje. Niemniej jednak na ten moment jest to praca po części ręczna.