Menu Obrazkowe Css

[Puchacz1]

Witam. Mój problem polega na tym, że mam przycisk podzielony na 3 części o z góry ustalonej szerokości i wysokości. Mam jednak problem ponieważ robiąc poziome menu zgodnie z tą stroną:

klik do wstawienia mam "2 grafiki" a potrzebne 3. To rozwiązanie jest dla mnie złe również z tego powodu, że użyte obrazki od razu muszą być linkami czego nie uzyskuję. Czy może ktoś powiedzieć/dać tutorial jak to zrobić ?.

 

[at

tachment=21589:przycisk_contact.gif]

Edytowane 15 Czerwca 2008 przez Puchacz1

[KrOOliK89]

<ul>	<li>  1 </li>	<li>  2 </li>	<li>  3 </li>  </ul>

Gdzie 1, 2, 3 to Twój obrazek. Ustawiasz w css, że to ma być w linii. Usuwasz margin i padding (jeśli obrazki mają być koło siebie) i to chyba wszystko. Gdzie widzisz problem?

[PelzaK]

jeśli obazki mają być linkami, to robisz linki które mają obrazek w tle...

 

czyli w ul/li wstawiasz <a> a w cssie do tego <a> ustawiasz

ul a {display: block;background-image: url(obrazki/obrazek.jpg);width: 50px;height: 25px;}

jeśli obrazek ma się zmieniać po najechaniu, to dodatkowo musisz zrobić

 

ul a:hover { background-image: url(obrazki/obrazek_2.jpg); }