Situation:
Ich habe ein DIV als Tabelle 300X200 und ein IMG 300X200 ....
Aufgabe:
Das DIV soll IMMER genau über dem IMG liegen... zu jeder Zeit.. und... wenn das IMG die Posi verändert, ZB durch Umbruch der Zeile, soll es das DIV auch...
Lösung:
Kennt jemand eine Möglichkeit, zB in einem JS eine Funktion auszuführen oder ähnliches... welches bewirkt das das DIV immer die selbe Posi wie das IMG einnimmt?
Das ganze soll wie bei einem MOUSOVER funktionieren, bei dem das DIV der Maus folgt, nur eben nicht der Maus sondern dem IMG....
DIV.position = IMG.Position ...?
gepostet vor 17 Jahre, 5 Monate von Makconner
gepostet vor 17 Jahre, 5 Monate von Kampfhoernchen
Warum legst du das IMG nicht einfach in das Bild hinein?
gepostet vor 17 Jahre, 5 Monate von Makconner
ein IMG ist doch ein BILD.... ich möchte ein DIV auf ein BILD legen
gepostet vor 17 Jahre, 5 Monate von Benj
Warum stellst du das bild dann nicht in den Hintergrund des DIVs
gepostet vor 17 Jahre, 5 Monate von Drezil
wenn das div ein unterobjekt des bildes ist, kannst du das relativ zum bild positionieren. ganz ohne js. (wieso will eiegentlich jetzt jeder js für allen scheiss verwenden?!)
so liegt dein div ÜBER dem Bild.
allerdings verstehe ich deinen satz:
nicht.
Wenn du tabellarische Daten hast, dann nimm ne .. dafür gibts den TAG schliesslich.
Wenn du nur einen logisch geschachtelten Bereich hast, dann nimmst du ein .
anmerkungen zum code oben:
1. ist nur grad so hingeklatscht, zeigt aber das prinzip.
2. Kindelemente sind i.d.R. immer VOR ihren Eltern (inwiefern man da mit z-index arbeiten kann weiss ich nicht genau). => wenn du ein div über einem bild haben willst, muss das div eben ein kind vom div sein.
3. das img hat position relativ mit koordinaten 0|0. das heisst, dass es gar nicht verschoben zur normalposition gerendert wird (es bleibt an der gleichen stelle). Das div hat position absolute und die absoluten koordinaten 0|0. das heisst die obere linke ecke ist genau an der stelle wo die linke obere ecke des elternelementes ist, welches NICHT die standardeinstellung position:static hat. In diesem Falle ist das das . Gibt es so ein Elternelement nicht, dann fungiert als solches (sprich die obere linke render-ecke)
tipp: schau dir mal die css-positionierungen genauer an. die sind ganr nicht soo schwer. man muss nur immer wissen, auf was sich das bezieht.
falls du damit unzufrieden bist und eine divs "als tabelle" benutzt (wie ich das aus deinem problem rausgelesen hab), dann bleibt noch die möglichkeit:
wobei dies aber den Nachteil hat, dass du das Bild nciht mehr als Bild kennzeichnest.. so kann z.b. kein alt-text angegeben werden, wenn das bild noch nicht geladen ist resp. nicht geladen werden kann (wegen wasauchimmer).
so liegt dein div ÜBER dem Bild.
allerdings verstehe ich deinen satz:
Ich habe ein DIV als Tabelle 300X200 und ein IMG 300X200
nicht.
Wenn du tabellarische Daten hast, dann nimm ne .. dafür gibts den TAG schliesslich.
Wenn du nur einen logisch geschachtelten Bereich hast, dann nimmst du ein .
anmerkungen zum code oben:
1. ist nur grad so hingeklatscht, zeigt aber das prinzip.
2. Kindelemente sind i.d.R. immer VOR ihren Eltern (inwiefern man da mit z-index arbeiten kann weiss ich nicht genau). => wenn du ein div über einem bild haben willst, muss das div eben ein kind vom div sein.
3. das img hat position relativ mit koordinaten 0|0. das heisst, dass es gar nicht verschoben zur normalposition gerendert wird (es bleibt an der gleichen stelle). Das div hat position absolute und die absoluten koordinaten 0|0. das heisst die obere linke ecke ist genau an der stelle wo die linke obere ecke des elternelementes ist, welches NICHT die standardeinstellung position:static hat. In diesem Falle ist das das . Gibt es so ein Elternelement nicht, dann fungiert als solches (sprich die obere linke render-ecke)
tipp: schau dir mal die css-positionierungen genauer an. die sind ganr nicht soo schwer. man muss nur immer wissen, auf was sich das bezieht.
falls du damit unzufrieden bist und eine divs "als tabelle" benutzt (wie ich das aus deinem problem rausgelesen hab), dann bleibt noch die möglichkeit:
wobei dies aber den Nachteil hat, dass du das Bild nciht mehr als Bild kennzeichnest.. so kann z.b. kein alt-text angegeben werden, wenn das bild noch nicht geladen ist resp. nicht geladen werden kann (wegen wasauchimmer).
gepostet vor 17 Jahre, 5 Monate von Klaus
Oder alternativ das DIV mit einem Hintergrundbild ausstatten.
gepostet vor 17 Jahre, 5 Monate von Kaiser Nero
du könntest auch bild und die div über dem bild in eine seperate div packen, die du dann verschiebst...
nun verschiebst du praktisch nur die div_mit_allem_drin wodurch sich der rest (bild und div_die_das_bild_verdeckt) genauso verschieben
mfg
Kaiser Nero
nun verschiebst du praktisch nur die div_mit_allem_drin wodurch sich der rest (bild und div_die_das_bild_verdeckt) genauso verschieben
mfg
Kaiser Nero