Autor |
Nachricht |
C H W O N S
Threadersteller
Dabei seit: 03.05.2004
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Mo 04.05.2009 23:23
Titel css z-index ebenen |
|
|
servus zusammen. ich habe folgenden code:
Zitat: | <table align="center" cellpadding="0" cellspacing="0" id="main">
<tr>
<td>
<div style="z-index:0;"> <img src="bild1" border="0"> </div>
<div style="z-index:1;"> <img src="bild2" border="0"> </div>
</td>
</tr>
<tr> blablabla </tr>
</table> |
sodele, jetzt will ich ich aber, dass bild2 über bild1 liegt, und das aber auch nur innerhalb der zeile. wenn ich noch mit position:absolute arbeite, schiebt er mir die komplette "blablabla" zeile unter die bilder. aber ich will einfach nur die bilder innerhalb der zeile unter- bzw übereinander stehen haben.
hat da jemand ne idee? heul ...
edit by grunge: verschoben nach allgemeines - nonprint
Zuletzt bearbeitet von theGRUNGEone am Di 05.05.2009 10:37, insgesamt 1-mal bearbeitet
|
|
|
|
|
phihochzwei
Moderator
Dabei seit: 08.06.2006
Ort: Mülheim an der Ruhr
Alter: 46
Geschlecht:
|
Verfasst Di 05.05.2009 06:11
Titel
|
|
|
versuchs mal mit
Code: | <table align="center" cellpadding="0" cellspacing="0" id="main">
<tr>
<td>
<div style="position:absolute; z-index:0;"> <img src="bild1" border="0"> </div>
<div style="position:absolute; z-index:1;"> <img src="bild2" border="0"> </div>
</td>
</tr>
<tr> blablabla </tr>
</table> |
|
|
|
|
|
Anzeige
|
|
|
danielkussin
Dabei seit: 04.06.2008
Ort: Hamburg
Alter: 42
Geschlecht:
|
Verfasst Di 05.05.2009 07:33
Titel Re: css z-index ebenen |
|
|
Für absolute muss dem Elternelement (td) relative zugewiesen werden, und dann brauchst du auch noch eine feste Größe für td oder du positionierst ein Bild ganz normal in der Tabelle!
Gruß Daniel
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 05.05.2009 09:18
Titel
|
|
|
wasn das überhaupt für n konstrukt?
anders gefragt, was genau willst du darstellen?
|
|
|
|
|
C H W O N S
Threadersteller
Dabei seit: 03.05.2004
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Di 05.05.2009 09:23
Titel
|
|
|
das ist für ein cms. das hintere bild soll vom redakteur austauschbar sein und das bild im vordergrund fest verankert und nicht änderbar.
ne andere idee ist mir leider nicht eingefallen ... ich probiers aber mal mit relative und absolute-
|
|
|
|
|
C H W O N S
Threadersteller
Dabei seit: 03.05.2004
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Di 05.05.2009 09:38
Titel
|
|
|
jungs, ich habs! der tipp das td relative zu setzen war gold wert. hab sogar noch einen kleinen hack für den IE reingesetzt, so dass der code jetzt so aussieht:
<table align="center" cellpadding="0" cellspacing="0" >
<tr>
<td colspan="3" style="border-bottom:5px solid #fff;position:relative;width:750px;height:196;">
<div style="z-index:0;"> Bild1 </div>
<div style="z-index:1;position:absolute;top:30;left:580;*top:0;*left:450;"> Bild2 </div>
</td>
</tr>
<tr> blablablabla </tr>
</table>
tausend dank nochmal! hat mir eine weiter nachtschicht erspart
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 05.05.2009 10:24
Titel
|
|
|
warum nicht so:
Code: |
<div style="border-bottom:5px solid #fff;position:relative;width:750px;height:196px; background: url('bild1.jpg') top-left no-repeat;">
<img src = "bild2.jpg" style="position:absolute;top:30px;left:580px;" alt="bin drüber" />
</div>
|
ungetestet aber schöner.... oder?
und wann kommt der rest der tabelle weg? ich glaube nicht wirklich dran, dass die tabelle eine echte tabelle ist, oder?
Zuletzt bearbeitet von pixelpapst303 am Di 05.05.2009 10:26, insgesamt 2-mal bearbeitet
|
|
|
|
|
C H W O N S
Threadersteller
Dabei seit: 03.05.2004
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Di 05.05.2009 12:36
Titel
|
|
|
das problem ist, dass das bild im hintergrund im CMS austauschbar sein muss, also kann ich es leider nicht im div in den hintergrund legen
tabelle ist nur ne testtabelle gewesen
|
|
|
|
|
|
|
|
Ähnliche Themen |
Objekte aus Ebenen einfügen und wieder auf Ebenen verteilen
z-index:-1 im IE
z-index und flash
Index.php abfragen
Problem mit z-index
Webdesign Index
|
|