mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 28.04.2024 13:14 Benutzername: Passwort: Auto-Login

Thema: css z-index ebenen vom 04.05.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css z-index ebenen
Seite: 1, 2  Weiter
Autor Nachricht
C H W O N S
Threadersteller

Dabei seit: 03.05.2004
Ort: -
Alter: 43
Geschlecht: Weiblich
Verfasst Mo 04.05.2009 23:23
Titel

css z-index ebenen

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
phihochzwei
Moderator

Dabei seit: 08.06.2006
Ort: Mülheim an der Ruhr
Alter: 46
Geschlecht: Männlich
Verfasst Di 05.05.2009 06:11
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
danielkussin

Dabei seit: 04.06.2008
Ort: Hamburg
Alter: 42
Geschlecht: Männlich
Verfasst Di 05.05.2009 07:33
Titel

Re: css z-index ebenen

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 05.05.2009 09:18
Titel

Antworten mit Zitat Zum Seitenanfang

wasn das überhaupt für n konstrukt?

anders gefragt, was genau willst du darstellen?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
C H W O N S
Threadersteller

Dabei seit: 03.05.2004
Ort: -
Alter: 43
Geschlecht: Weiblich
Verfasst Di 05.05.2009 09:23
Titel

Antworten mit Zitat Zum Seitenanfang

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-
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
C H W O N S
Threadersteller

Dabei seit: 03.05.2004
Ort: -
Alter: 43
Geschlecht: Weiblich
Verfasst Di 05.05.2009 09:38
Titel

Antworten mit Zitat Zum Seitenanfang

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 * Applaus, Applaus *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 05.05.2009 10:24
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
C H W O N S
Threadersteller

Dabei seit: 03.05.2004
Ort: -
Alter: 43
Geschlecht: Weiblich
Verfasst Di 05.05.2009 12:36
Titel

Antworten mit Zitat Zum Seitenanfang

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 *Schnief*

tabelle ist nur ne testtabelle gewesen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.