Делаю свой модуль. для предпросмотра результата в админке встает задача наложить маленькие картинки на одну большую. По идее, пишется это вот так:
<img src="/upload/maps/RussiaMap.jpg" style="position: relative; left:0; top:0;">
<img src="/upload/icons/BeeUnFM.ico" style="position: absolute; left: 150; top: 200; cursor: hand;" onMouseOver="this.src=icon2_2.src" onMouseOut="this.src=icon1_2.src" onClick="document.location='?city=2'">
<img src="/upload/icons/BeeUnFM.ico" style="position: absolute; left: 100; top: 115; cursor: hand;" onMouseOver="this.src=icon2_3.src" onMouseOut="this.src=icon1_3.src" onClick="document.location='?city=3'">
<img src="/upload/icons/BeeUnFM.ico" style="position: absolute; left: 250; top: 300; cursor: hand;" onMouseOver="this.src=icon2_4.src" onMouseOut="this.src=icon1_4.src" onClick="document.location='?city=4'">
<img src="/upload/icons/BeeUnFM.ico" style="position: absolute; left: 600; top: 100; cursor: hand;" onMouseOver="this.src=icon2_6.src" onMouseOut="this.src=icon1_6.src" onClick="document.location='?city=6'">
Долго не мог понять, почему на локале все работает, а в админке картинки располагаются не так, как положено (справа от основной большой картинки, вместо того, чтобы быть поверх нее).
Оказалось, проблема вот в этом заголовке:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
если убрать //DTD то все работает...
В связи с этим 2 вопроса:
1. Что это вообще такое и зачем?
2. Как мне написать, чтобы картинки накладывались друг на друга? (смысл такой, что надо указывать координаты от левого верхнего угла большой картинки).
