Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > изображение-карта

Автор: VitalikOmsk 14.6.2007, 19:50

ситуация такая: есть картинка, на которую необходимо навесить карту, после этого картинка поднимается на 4 пиксела и образуется пустое место. как отэтого избавится. перечитал все что мог, но ответа не нашел. Узнал что вроде как элемент map резервирует себе место таким образом. Пока решил проблему путем подкладывания такой же картинки, но это не дело.
код :
<td background="sayna_02.jpg" height="259" width="681">
   <img src="sayna_02.jpg" height="255" width="681" alt="" border="0" USEMAP="#sayna.jpg"/>
    <MAP NAME="sayna.jpg">
      <AREA SHAPE=POLY COORDS="0,230,92,158,167,112,183,141,148,159,34,240,26,258,0,258" HREF="www" ALT="ãîñòèíèöà">
      <AREA SHAPE=POLY COORDS="204,91,241,82,384,83,383,109,302,110,243,121,214,130" HREF="www" ALT="ðåñòîðàí">
      <AREA SHAPE=POLY COORDS="421,81,467,91,550,136,534,161,466,126,414,117" HREF="www" ALT="ìåäèöèíñêèé öåíòð">
      <AREA SHAPE=POLY COORDS="589,149,619,172,680,246,680,258,652,258,565,177" HREF="www" ALT="ïî÷òà">
      <area shape="default" nohref>
    </MAP>
</td>

лучше стучите в аську. 200343335

Автор: webster 15.6.2007, 07:07

Для начала можно попробовать обнулить margin: 0; padding: 0; и у картинки и у мапа. Ну и уж если перебирать все параметры, то у картинки установить еще и display: block; smile

Мап у вас заведомо меньше картинки в высоту - это вы можете проверить вставив в него код:

Код


 onclick="alert('height = '+this.offsetWidth+' ; width = '+this.offsetHeight)"

поэтому "двигать" картинку могут в принципе только отступы margin и padding.

Автор: VitalikOmsk 28.6.2007, 18:44

вопрос решился просто. необходимо вынести карту за пределы таблицы!!
Всем спасибо.