Как расположить гифку в нужном месте

  • Автор темы Геннадий2
  • 1506
  • Обновлено
  • 01, Mar 2014
  • #1
Задумка была такая: В бакграунде столбца табличного дизайна, висит картинка подсвечника с огарком свечи.

Над ним хотел расположить гифку горящего огонька.

Но огонек висит слишком высоко над огарком и немного правее.

Как его подвести к нужному месту? Пробовал абсолютное позиционирование в CSS, почемуто ничего не получилось.

Как можно еще в браузере расположить гифку в нужном месте? Спасибо.

Геннадий2


Рег
07 Mar, 2012

Тем
2

Постов
6

Баллов
26
  • 01, Mar 2014
  • #2
Если я правильно понял, для нижнего рисунка свойство top должно равняться top верхнего рисунка плюс его height, при условии, что они имеют одинаковую ширину и правильно совмещаются изначально.
 

VyacheslavH


Рег
23 Jun, 2011

Тем
22

Постов
832

Баллов
1052
  • 02, Mar 2014
  • #3
На скриншоте - ячейка таблицы(
).Нижний рисунок - ее фон (background). В ячейке расположен верхний рисунок - анимация ("гифка" - колеблющийся язычок пламени). Размеры нижнего и верхнего рисунков разные.

По умолчанию браузер располагает верхний рисунок где-то посредине ячейки.

А нужно чтобы он (огонек свечи)расположился ниже и немного левее.

Как быть? Добавлено через 50 минут Извинитеlush:, с позиционированием разобрался сам. Спасибо.
 

Геннадий2


Рег
07 Mar, 2012

Тем
2

Постов
6

Баллов
26
Тем
49554
Комментарии
57426
Опыт
552966

Интересно