Gegen Bilderklau - Das Original | Druckvorschau: Div layer übereinander legen in Tabelle

Geschrieben von sarah99 am 07.08.2012 um 19:13:

Div layer übereinander legen in Tabelle

Hallo ihr lieben,
ich hab eine kleines Problem und ich komme einfach nicht weiter, deshalb bräuchte ich mal eure Hilfe.
Also ich möchte 1. mehere Div Layer übereinander legen und 2. sollen diese als Bezugspunkt die Ecke der Tabelle haben und nicht die des Browsers.
Und ich bekomm das einfach nicht hin das alle layer den gewünschten Bezugspunkt haben und dabei noch übereinander liegen.
Würde mich über eure Hilfe freuen.
Vielen Dank schon einmal im Voraus. smile

Lg sarah

Geschrieben von Black Katrin am 07.08.2012 um 19:35:

1. ein div in das td welches relativ positioniert ist

2. in diesem div, die weiteren divs mitpositionierung absolute

Geschrieben von sarah99 am 11.08.2012 um 15:56:

danke für die schnelle Antwort nur irgendwie klappt es nicht wirklich :/

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

<td width="400" height="350" style="background-image:url(hg/1.png)" colspan="2">
<div id="1" style="postion: relative;">
<div id="schweif" style="position:  absoulute;">
<img border="0" src="pferde/barock/schweif/7.png"></div>
<div id="fell" style="postion:  absoulute;">
<img border="0" src="pferde/barock/fell/4.png"></div>
<div id="scheckung" style="postion: top:-350;">
<img border="0" src="pferde/barock/scheckung/5.png"></div>
<div id="abzeichen" style="position: absoulute; left: 0px; top: 0px;">
<img border="0" src="pferde/barock/abzeichen/3.png"></div>
<div id="schwarzebeine" style="position: absoulute; left: 0px; top: 0px;">
<img border="0" src="pferde/barock/sb/2.png"></div>
<div id="vr" style="position: absoulute; left: 0px; top: 0px;">
<img border="0" src="pferde/barock/rechtsvorn/2.png"></div>
<div id="hl" style="position: absoulute; left: 0px; top: 0px;">
<img border="0" src="pferde/barock/linkshinten/1.png"></div>
<div id="maul" style="position: absoulute; left: 0px; top: 0px;">
<img border="0" src="pferde/barock/maul/2.png"></div>
<div id="behang" style="position: absoulute;">
<img border="0" src="pferde/barock/behang/0/7.png"></div>
</div>
</td>

Hier mein code was mach ich falsch?
Er setzt einfach alle Bilder untereinander und nicht übereinander
Bin voll am verzweifeln

Geschrieben von Black Katrin am 12.08.2012 um 10:49:

du musst ihnen auch noch sagen WO sie liegen sollen, nicht nur das wie
also werte wie
top und left müssten noch angegeben werden

Geschrieben von sarah99 am 13.08.2012 um 23:07:

vielen vielen lieben dank Herz

ist zwar eigentlich end einfach aber ich bin einfach nicht drauf gekommen.
You made my day großes Grinsen

Geschrieben von Black Katrin am 14.08.2012 um 07:59:

bitte Augenzwinkern

ich weiss es auch nur, weil ich genau damit am rumexperimentieren war für meine homepage ^.^