Расскажу как нарезать в одно изображения на разные сылки.
<img border="0" src="1.jpg" width="672" height="484" usemap="Luboe_name" border="0" />
<map name="Luboe_name" id="Luboe_name"> <!-- если содержание 'id' будет разлечное от 'name', то сылки в сафари и хроме не будут работать -->
<area target="_blank" shape="rect" coords="0,0,333,484" href="" alt="Левый кусок картинки как ссылка" />
<area target="_blank" shape="rect" coords="340,0,672,484" href="" alt="Правый кусок карты как ссылка" />
</map>
Есть изображения, задаем usemap - название, через которое и будем обращаться.
Дальше идут тег map, в нем обезательно надо записать name и id со значением, которое указывали в usemap. Если например в id будет другое то карта не будет работать в браузерах хром и сафари, будте внимательны когда копируете готовые карты.
Остальное будет время расширю статью.