Проблема с <div>

[Gents]

Проблема с <div>

Добрый день, я сам программист не когда с дизайном не работал...Всегда писал так сказать серверную часть)
Теперь столкнулся с проблемой - есть картинка (если быть точно это карта) которая разбита на ровные квадраты...
Мне надо при определёных условиях накладывать на эту карту (на 1 с квадратиков) изображение (меньше чем сам этот квадратик).
Прочитал, понял что выгляжу как дебил)
Опишу по другому.
Представте таблицу менделяева, каждый елемента - названия переменой.
if ($p==1){
echo "...";
}
И вот, при этом раскладе мне надо на елемент Р фосфор допустим наложить там... галочку (которая будет поверх самого квадрата).
Каким образом это можно сделать?
Говорят руками...Но возможно что-то есть...Программы я имею ввиду.
Вообще интересует любая информация по поводу <div>
Спасибо.
Да я нуб.
В поиске не чего не нашел.

 

[С.]

style="postion:absolute;top:???;left:???"
или
style="postion:relative;top:???;left:???"

 

[Gents]

С.
Спасибо буду пробывать)
Ну всё-таки надеюсь на программу(
ибо писать очень долго...

 

[Линка]

Gents
Смотри берешь div и например заполняешь его какимто текстом
потом для дива прописываешь style="position:relative"
Далее размещаешь в диве например какубто прозрачную картинку (с галочкой например)
естественно картинка подвинет текст и будет все некрасиво
что бы этого небыло пишешь для картинки style="position:absolute;left:0px;top:0px"
тем самым ты расположишь картинку относительно радительского дива так что ее верхний левый угол совпадет с левым верхним углом diva ; меняя значени left и топ можешь позиционировать ее как вздумается

 

[Gents]

Линка
Спасибо большое, вот теперь точно понял)