Это цитата сообщения Оригинальное сообщение

/как сделать HTML Image Map

...или, иными словами, так:
[показать]


1/
для начала, конечно, необходимо выбрать картинку, которую хотим использовать. я использовал эту для примера:
[226x33]
2/
нужно знать форму будущей кнопки - прямоугольник (rect), круг/овал (circle) или многоугольник (polygon). я решил, что мои кнопки будут прямоугольными, и теперь необходимо найти координаты, на которые мы будем ориентироваться. важно знать - для каждой формы существует свой метод определения, но все они сходятся к одному - картинку необходимо открыть в MS Paint (при наведении на любую точку автоматически выдаются её координаты).

rect: правая верхняя точка (две координаты), нижняя левая точка (две координаты);
circle: центр круга и его радиус;
polygon: зависит от формы.

итак, координаты первой кнопки (вконтакте) - 56,13 и 6, 22; второй - 148,13 и 90,22; третьей - 214,13 и 188,22.
3/
теперь всё дело за кодами. код выглядит так:

[456x107]

4/
готово!



english advanced version
thnx to imladris!