[Erledigt] Dynamisch Bilder übereinander positionieren?

11.08.2005, 15:24

Hiho,
ich versuche seit einiger Zeit ein paar Bilder übereinander zu positionieren,
und zwar sitzt das ganze in einer Tabelle die aus 2 spalten besteht:

Code:

<table>
 <tr>
 <td width="50%">
 <table>
  <tr>
   <td>[img]bild1[/img]</td>
   <td>
     <div style="?">[img]bild21[/img]</div>
     <div style="?">[img]bild22[/img]</div>
     <div style="?">[img]bild23[/img]</div>
   </td>
  </tr>
 </table> 
 </td>
 <td width="50%">text
 </td>
</tr>
</table>

so in etwa zumindest... also hat man eine tabelle dynamischer breite die größe der bilder 21,22,23 ist gleich und sie sollen direkt übereinander liegen aber das tun sie nicht....ach so sie sind natürlich transparent...

ich habe bereits verschiedene kombinationen von style.position aus probiert aber meistens liegt eins der 3 bilder richtig und die anderen sind über das fenster verstreut... hat jemand vielleich eine idee für einen ansatz?
büdde?

hf
Skinwalker

XLB · 11.08.2005, 17:14

Hmm ...

Hab grad mal das gebastelt :

Code:

<table>
<tr>

	<td background="noeye1.gif">

		<div style="padding:0px;height:191px;overflow:hidden;">

			<div style="height:191px;">
		
				[img]noeye2.gif[/img]</div>

			<div style="position:relative;top:-191px;height:191px;overflow:hidden;">

				[img]noeye3.gif[/img]</div>

		</div>

</td></tr></table>

Das unterste Bild ist der Hintergrund der Tabellenzelle. Das zweite (mittlere) Bild wird "ganz nomal" ins DIV geschrieben, dass dritte (obere) Bild wird schliesslich mittels CSS-Positionierung über das zweite gelegt.

Meine "Testbilder" hiessen "noeyeX.gif" und sind allesamt 191Pixel breit. Passe die Maße deiner Bilder an (eimal "top", dreieimal "heigt") und natürlich die Dateinamen, dann sollte's auch bei dir funzen.

Habs im FF und IE getestet.

Hoffe, es hilft.

Gruß und bis denne,
Axel

11.08.2005, 18:29

Zitat:

Zitat von Skinwalker

ich versuche seit einiger Zeit ein paar Bilder übereinander zu positionieren,
und zwar sitzt das ganze in einer Tabelle die aus 2 spalten besteht:

Was haben Deine HTML Probleme mit PHP zu tun?

Waq · 11.08.2005, 20:09

Der Beitrag wurde verschoben, wegen...
... Postings im falschen Forum. Bitte beim nächsten Mal darauf achten..

moved to (X)HTML, CSS & JavaScript

15.08.2005, 12:52

hmm ihr habt recht...dieser teil hatte mit php nichts unmittelbar zutun...aber es war innerhalb eines php scripts... stimmt schon mein fehler. trotzdem danke ^^

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Mit PHP dynamisch Bilder erstellen	Tobias	Tutorials	39	21.04.2010 09:56
Bilder ohne DB sicher speichern	Diet	PHP Tipps 2005	6	25.03.2009 00:07
Zip Archiv entpacken und Bilder verkleinern	Simon9990	PHP Tipps 2008	5	08.10.2007 00:32
bilder zu groß?!	lindner	PHP Tipps 2006	9	19.10.2006 08:32
Bilder "schützen"		PHP Tipps 2006	4	06.03.2006 15:25
Bilder Ordner hochladen?	CHRIS	PHP Tipps 2005-2	3	30.12.2005 17:20
Bilder löschen		PHP Tipps 2005-2	4	24.10.2005 11:37
Bilder aus einem unterverzeichis anzeigen.Hilfe		PHP Tipps 2005-2	3	12.09.2005 15:36
Bilder positionieren		PHP-Fortgeschrittene	6	26.07.2005 21:59
Mehrere Bilder Hochladen und bearbeiten		PHP Tipps 2005-2	7	23.07.2005 13:48
Bilder dynamisch im GLEICHEN PopUp-Fenster Ã¶ffnen	mercurio	HTML, Usability und Barrierefreiheit	2	30.06.2005 14:38
Bilder in Tabellen	nixdorf	HTML, Usability und Barrierefreiheit	36	09.05.2005 21:15
[Erledigt] Bilder frei positionieren und von Text umfließen lassen.		HTML, Usability und Barrierefreiheit	10	24.04.2005 00:05
Bilder aus der Datenbank	Skazi	Datenbanken	2	09.02.2005 13:42
Bilder dynamisch erstellen	suter	PHP Tipps 2004	12	13.07.2004 12:38

11.08.2005, 15:24
Gast Beiträge: n/a	[Erledigt] Dynamisch Bilder übereinander positionieren? Hiho, ich versuche seit einiger Zeit ein paar Bilder übereinander zu positionieren, und zwar sitzt das ganze in einer Tabelle die aus 2 spalten besteht: Code: <table> <tr> <td width="50%"> <table> <tr> <td>[img]bild1[/img]</td> <td> <div style="?">[img]bild21[/img]</div> <div style="?">[img]bild22[/img]</div> <div style="?">[img]bild23[/img]</div> </td> </tr> </table> </td> <td width="50%">text </td> </tr> </table> so in etwa zumindest... also hat man eine tabelle dynamischer breite die größe der bilder 21,22,23 ist gleich und sie sollen direkt übereinander liegen aber das tun sie nicht....ach so sie sind natürlich transparent... ich habe bereits verschiedene kombinationen von style.position aus probiert aber meistens liegt eins der 3 bilder richtig und die anderen sind über das fenster verstreut... hat jemand vielleich eine idee für einen ansatz? büdde? hf Skinwalker


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.08.2005, 17:14
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Hmm ... Hab grad mal das gebastelt : Code: <table> <tr> <td background="noeye1.gif"> <div style="padding:0px;height:191px;overflow:hidden;"> <div style="height:191px;"> [img]noeye2.gif[/img]</div> <div style="position:relative;top:-191px;height:191px;overflow:hidden;"> [img]noeye3.gif[/img]</div> </div> </td></tr></table> Das unterste Bild ist der Hintergrund der Tabellenzelle. Das zweite (mittlere) Bild wird "ganz nomal" ins DIV geschrieben, dass dritte (obere) Bild wird schliesslich mittels CSS-Positionierung über das zweite gelegt. Meine "Testbilder" hiessen "noeyeX.gif" und sind allesamt 191Pixel breit. Passe die Maße deiner Bilder an (eimal "top", dreieimal "heigt") und natürlich die Dateinamen, dann sollte's auch bei dir funzen. Habs im FF und IE getestet. Hoffe, es hilft. Gruß und bis denne, Axel

11.08.2005, 20:09
Waq Erfahrener Benutzer Registriert seit: 15.08.2004 Beiträge: 2.473	Der Beitrag wurde verschoben, wegen... ... Postings im falschen Forum. Bitte beim nächsten Mal darauf achten.. moved to (X)HTML, CSS & JavaScript __________________ mod = master of disaster

15.08.2005, 12:52
Gast Beiträge: n/a	hmm ihr habt recht...dieser teil hatte mit php nichts unmittelbar zutun...aber es war innerhalb eines php scripts... stimmt schon mein fehler. trotzdem danke ^^