Ustawienie linku do zdjęcia HTML

[WR4ITH 1]

Cześć napotkałem mały problem.

Mam taką linijkę kodu

 

<td colspan="2"><img style="border: 0px solid ; width: 870px; height: 95px;" alt="linki do stron sprzedawcy" src="http://img20.imageshack.us/img20/9603/banerdol.jpg" usemap="#Map"><br>

Sprawa wygląda tak że mam obrazek

http://zapodaj.net/images/3bbf09659830d.jpg

 

I do każdego z guzików mam przydzielić inny link odsyłający.

 

 

Jak mam to dodać tak żeby on mi to odczytał ?

[drachenfeles 5499]

bez sensu, potnij i zrób jak należy

 

<menu label="nazwa_menu">
<li>
<a href="link_1"><img alt="link 1" src="img_01.jpg"></a>
<a href="link_2"><img alt="link 2" src="img_02.jpg"></a>
<a href="link_3"><img alt="link 3" src="img_03.jpg"></a>
<a href="link_4"><img alt="link 4" src="img_04.jpg"></a>
</li>
</menu>

do tego style zewnętrznie jak się da i z głowy, a nie cudujesz z mapami z przed dekady

[RecoNet 14]

Błagam zrezygnuj z tabelek. Drachenfeles podał prawie poprawne rozwiązanie.

 

<ul class="nazwa_menu">
<li><a href="link_1"><img alt="link 1" src="img_01.jpg"></a></li>
<li><a href="link_2"><img alt="link 2" src="img_02.jpg"></a></li>
<li><a href="link_3"><img alt="link 3" src="img_03.jpg"></a></li>
<li><a href="link_4"><img alt="link 4" src="img_04.jpg"></a></li>
</ul>

Jeżeli jednak możesz skorzystaj z CSS sprite i niech obrazki nie pochodzą z osobnych plików bo zwiększasz ilość zapytań do serwera obniżając dość znacząco jakość strony.

Edytowane 9 Listopada 2012 przez RecoNet