Absolute Position (x,y) в елемент?

Пример:

.thing_1 {
position:absolute;
left:279px;
top:292px;
z-index:0
}

Идеята е thing_1 да попадне върху предварително определена позиция върху background ( в случая - карта ). Значи, ако картата се намира най-горе вляво на страницата, то кординатите на всяка точка за картата ще са и кординати на точката за самата страница (кординатите на точката спрямо background-a и спрямо страницата са еднакви).

Да обаче картата ми не се намира там и не мога да нагласям кординати отнасящи се за нея.


Има ли начин да наглася position:absolute с кординати, които да са кординати на определен елемент от страницата (img, table, td...).

Забравих да отбележа.

План А: нямам никаква представа къде се намира елемента.

Има начин, да. Определеният елемент трябва да е с position:relative; , а тези с position:absolute; да са вътре в него. Съответно координатите им вече няма да са спрямо body, а спрямо елемента, в който се намират. Не е необходимо да знаеш точното местонахождение на елемента с position:relative; (не е и възможно, поради характера на позиционирането), достатъчно е да знаеш размерите му, за да пресметнеш координатите на другите елементи.
Има разни примери по нета за подобни неща, можеш да потърсиш за css image map.

Scriptura pro scribente nihil probat...

Стана! Всичко е както трябва, обаче как мога го направя едновремено за 2 или повече елемента.

ако направя

<td style='position: relative;'><img src=".." class=thing_1</td>

<td style='position: relative;'><img src=".." class=thing_2</td>

всяка картинка се появява и на двете места.

Мисля, че не разбирам точно какво искаш да направиш.
>как мога го направя едновремено за 2 или повече елемента -
това кои елементи са - с position:relative; ili position: absolute;?
>всяка картинка се появява и на двете места - по принцип всяка картинка би трябвало да се появи в клетката, в която си я сложил, освен ако не си й задал такива координати, че да се показва извън нея. И това означава ли, че примерно img.thing_1 се показва и в двете клетки?
Може би искаш да направиш нещо такова:
<td style="position: relative;background: url(map.jpg) no-repeat top left; width: ...px; height: ...px;"><img src=".." class="thing_1" /><img src=".." class="thing_2" /></td>
Като img са абсолютно позиционирани спрямо клетката.

Най-добре качи страницата някъде и обясни какво не ти харесва и какво искаш да постигнеш.

Scriptura pro scribente nihil probat...

дам, лошо се изразих :)

става въпрос за два (или повече) absolute:relative елемента (точно това което ти даде за пример, само че два пъти), иначе всичко си работи както трябва.

като сложа два релатив елемента с картинка в единия, картинката се появява и в двата.


търси се начин да се разграничат два релатив елемента

Не би трябвало картинката да се появява и в двете клетки, след като си я сложил само в едната. Провери дали не се повтаря в кода или в цсс. Ако не става - качи някъде страницата да се види за какво става въпрос.

Scriptura pro scribente nihil probat...

моя грешка, моя грешка :(


Вече всичко е ок. Мерси :)