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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем KudesniK, 20 окт 2005.

Статус темы:
Закрыта.
  1. KudesniK

    KudesniK Гость

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

    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;

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

Поделиться этой страницей