Как соединить куски фотографии в одну картинку без отступов? - Joomla 2.5: Общие вопросы

Можно же и не резать фотографию, а подставить ее как  background а поверх расположить нужным образом отформатированные  ссылки, как менять стиль при кликах подумать.

Есть область на странице равная фото, на нее ложим фото стилем background: url(".......)

Более правильно будет

Спойлер

[свернуть]

тогда кликабельной  областью будет весь div.

А почему не использовать карту изображений - <map> и <area> ?

Спойлер

[свернуть]

можешь по подробнее рассказать?

<img src="4f21de335df9.jpg" alt="my-photo" width="798" height="500" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="1,0,330,146" href="#" />
<area shape="rect" coords="1,175,330,250" href="#" />
...
...
</map> 

Карту изображений использовать не рекомендую. Каждая область - отдельная картинка. Траффик не резиновый и на оптимизации это хорошо не скажется. Самое простое решение уже написано: делаете прозрачные ссылки с точными размерами и позициями. Проще некуда.

Могу. HTML-код будет выглядеть так:

Код

<img src="4f21de335df9.jpg" alt="my-photo" width="798" height="500" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="1,0,330,146" href="#" />
<area shape="rect" coords="1,175,330,250" href="#" />
...
...
</map> 

Описание:
<img src="4f21de335df9.jpg" alt="my-photo" width="798" height="500" border="0" usemap="#Map" /> //Это твоя фотка и указание на то, что она будет являться картой изображения с именем Map
<map name="Map" id="Map"> //  это вставка карты изображения c именем Map
<area shape="rect" coords="1,0,330,146" href="# ссылка на нужную страницу" />// Это активная область. Параметр shape="rect" говорит о том, что область прямоугольная. Параметр coords="1,0,330,146" -  это координаты нашей активной области.
<area shape="rect" coords="1,175,330,250" href="#" />// Это вторая активная область
и так далее описываем все активные области.
</map>
Область так же может быть не только прямоугольная, а и круглая - с параметром shape="circle" или полигональная с параметром shape="poly".
Если shape="rect", то указываются координаты левого верхнего угла и правого нижнего. То есть первая пара чисел указывает на левый верхний, а вторая пара чисел – на правый нижний угол.
Если shape="circle" , то указываем координаты центра и радиус.
Если shape="poly", то указываются координаты каждой вершины многоугольника.
Нарезать изображение можно в Dreamweaver, например.