Как расположить картинки по координатам?

[dvzzz]

Как расположить картинки по координатам?

Есть такая задача.
Есть изображение, допустим карта. И на этом изображении надо разместить кликабельные гиф-картики с надписями обозначающие города. Список городов хранится в базе. У каждого города есть координаты "х" и "у". Нужно что бы верхний левый угол картинки был 0:0, а правый нижний допустим 1000:1000.
Как удобнее реализовать такое?
Флеш не предлогать.
Пробовал DIV'ы. Замучался. Есть ещё варианты?

 

[SelenIT]

Вариант 1 (имхо, оптимальный):

<div style="position: relative; width: 1000px; height: 1000px; background-image: url(map.gif);">
   <a href="..." style="position: absolute; left: 467px; top: 123px;"><img src="town.gif"> Город 1</a>
   <a href="..." style="position: absolute; left: 234px; top: 367px;"><img src="town.gif"> Город 2</a>
</div>

(разумеется, это можно и нужно оптимизировать с помощью CSS-классов)

Вариант 2 (имхо, извращение):
Наложить города на карту средствами GD, сохранить результат и использовать <MAP> и <AREA>. Пересохранять карту с городами при изменениях в БД.

 

[dvzzz]

SelenIT
Спасибо.
Буду выучить дивы...