• Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

Привязка изображения к ячейке таблицы через слой

  • Автор темы KudesniK
  • Дата начала
Статус
Закрыто для дальнейших ответов.
K

KudesniK

Есть ячейка таблицы (динамической ширины, высоты и вообще на разной высоте от начала документа) Как бы мне прикрепить рисунок в правом верхнем углу этой ячейки поверх всего. как ни пытался не получается ...
style="position:relative; left:..." как-то не так его отображает =( Если можно киньте пример ...
 
K

kreasl

var l;
var t;

function getOffset(cont)
{
l = cont.offsetLeft;
t = cont.offsetTop;
obj = cont.offsetParent;
while (obj)
{
l += obj.offsetLeft;
t += obj.offsetTop;
var tempOBJ = obj.offsetParent;
obj = tempOBJ;
}
}

var cell = document.getElementById("table_cell");
var pict = document.getElementById("image");
cell.style.height = pict.style.height + 10;
cell.style.width = pict.style.width + 10;
getOffset(cell);
pict.style.left = l;
pict.style.top = t;

Вроде так. Но очень сильно зависит от границ, падингов, маргинов и прочей нечисти :). И ещё: если таких картинок надо вставить много, то надо сначала установить размеры приёмников, и только потом определять оффсеты и пихать картинки.
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!