Layer problem (anfänger frage)

Dragon26mFR · 12.06.2005, 12:06

Ich möchte auf meiner seite einen Drachen an einer bestimmten stelle "drüber schweben (also ein aufgesetztes layer)" lassen.
Wie kann ich es aber hinbekommen das der drache immer an einem anderen bild orientiert 20px höher und 15px weiter rechts steht.

Also Seite:

Bla
Bla
Bla
BILD1 (und drache in abstand)
Bla
Bla

12.06.2005, 12:12

Ich würde es so machen:

PHP-Code:

  <?php

<div>

   img src="..." //Hier das Bild rein

   <div style="position:relative; top:-20px; right:15 px;">

       img src="..." // Hier der Drache

   </div>

</div>

?>

ungetestet, evtl mal mit den top und right - Werten spielen

Dragon26mFR · 12.06.2005, 12:43

Aslo es geht aber das drachenbild braucht unterhalb der ersten grafik platz (es verschiebt den rest).
Kann man das verhindern ???

12.06.2005, 12:48

Hmmm, wie wär's mit http://www.css4you.de/z-index.html

Ansonsten zeig mal, was Du bisher hast

Dragon26mFR · 12.06.2005, 13:04

Habs gelöst

Hab jetzt dür den drachen div
style="position:relative; display:inline; z-index:2; top:-80px; right:-15px;"

Durch display:inline; ist es gelöst.

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
mod_rewrite Problem mit encodierten URLs	R4v3r	Server, Hosting und Workstations	0	25.07.2008 18:42
[Erledigt] MySql Frage: Problem mit einer etwas lomplexeren Abfrage	tomtaz	Datenbanken	5	24.06.2008 22:36
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Timestamp problem	phrain	PHP Tipps 2008	2	04.04.2008 09:41
MATCH .... AGAINST ... Problem	Denise	Datenbanken	4	21.03.2007 20:05
DNS Problem / Frage	b++	Server, Hosting und Workstations	3	12.10.2006 13:27
Problem und Frage zu Listenfeldauswertung ....	bp158	PHP Tipps 2006	2	10.07.2006 22:37
Text in Layer	Stümper	HTML, Usability und Barrierefreiheit	16	23.02.2005 05:26
div Layer Problem mit IE	Juuro	HTML, Usability und Barrierefreiheit	9	03.02.2005 23:51
[Erledigt] Problem bei Massenmails versenden mit der Funktion mail		PHP-Fortgeschrittene	3	19.01.2005 13:36
UTF8-XML ... Fehler beim auslesen		PHP Tipps 2005	40	15.01.2005 21:28
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
Layer zentrieren	rocco	HTML, Usability und Barrierefreiheit	12	02.08.2004 17:25
Login Problem		PHP Tipps 2004	4	04.06.2004 18:46

12.06.2005, 12:06
Dragon26mFR Erfahrener Benutzer Registriert seit: 29.04.2005 Beiträge: 323	Layer problem (anfänger frage) Ich möchte auf meiner seite einen Drachen an einer bestimmten stelle "drüber schweben (also ein aufgesetztes layer)" lassen. Wie kann ich es aber hinbekommen das der drache immer an einem anderen bild orientiert 20px höher und 15px weiter rechts steht. Also Seite: Bla Bla Bla BILD1 (und drache in abstand) Bla Bla __________________ Das Leben ist ein scheiß Spiel, aber die Grafik ist einfach geil


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

12.06.2005, 12:12
Gast Beiträge: n/a	Ich würde es so machen: PHP-Code: `<?php <div> img src="..." //Hier das Bild rein <div style="position:relative; top:-20px; right:15 px;"> img src="..." // Hier der Drache </div> </div> ?>` ungetestet, evtl mal mit den top und right - Werten spielen

12.06.2005, 12:43
Dragon26mFR Erfahrener Benutzer Registriert seit: 29.04.2005 Beiträge: 323	Aslo es geht aber das drachenbild braucht unterhalb der ersten grafik platz (es verschiebt den rest). Kann man das verhindern ??? __________________ Das Leben ist ein scheiß Spiel, aber die Grafik ist einfach geil

12.06.2005, 12:48
Gast Beiträge: n/a	Hmmm, wie wär's mit http://www.css4you.de/z-index.html Ansonsten zeig mal, was Du bisher hast

12.06.2005, 13:04
Dragon26mFR Erfahrener Benutzer Registriert seit: 29.04.2005 Beiträge: 323	Habs gelöst Hab jetzt dür den drachen div style="position:relative; display:inline; z-index:2; top:-80px; right:-15px;" Durch display:inline; ist es gelöst. Danke __________________ Das Leben ist ein scheiß Spiel, aber die Grafik ist einfach geil