2 überlagernde Bilder positionieren

09.09.2015 23:02
avatar  Schippo
#1 2 überlagernde Bilder positionieren
avatar
Mitglied

Hallo Ihr lieben Tüftler,

ich brauche mal wieder bei etwas Speziellem Eure Hilfe. Leider kann ich keinen Link zur Verfügung stellen, da die Seite noch nicht gehostet ist.
Ich versuche es deshalb mal mit einer Erklärung:

Ich habe 2 absolut identische Bilddateien überlagert, um so zu erreichen, daß ich den linken Rand der 1. Bilddatei über das Seitenlayout hinaus überlappen kann und die 2. Bilddatei über den rechten Rand des Seitenlayouts reicht. Ich hab das auch schon recht gut hinbekommen, aber bei dem rechten Rand bin im am Verzweifeln. Hier fehlen mir 5px. Das Bild soll eine Einheit zum Background bilden, aber auf der rechten Seite bleiben 5px vom Seitenlayout stehen. Wie bekomme ich die weg und geht das überhaupt?

Hier der Header-Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<style type="text/css">
<!--
 
#AnzeigeBox {
position: relative;
top: -2px;
left: -5px;
height: 75px;
width: 120%;
border:1px solid #000000
}
 
#bild {
position: absolute;
z-index: 1;
top: -2px;
left: -5px;
}
 
#bild {
position: absolute;
z-index: 2;
top: -2px;
right: 30px;
}
 
-->
</style>
 



Ich hab's auch mit % versucht und Bild verbreitern, aber nichts führt zum Erfolg. Sicher hat einer von Euch eine Idee, wie ich das wieder bewerkstelligen kann. Schon jetzt herzlichen Dank.

LG Schippo

Und hier der Body-Code

1
2
3
4
5
 
<DIV id=AnzeigeBox>
<DIV id=bild><IMG border=0 alt="" src="hpfixseparat_2logo.gif" width=985
height=75> </DIV>
<DIV id=bild><IMG border=0 alt="" src="hpfixseparat_2logo.gif" width=985
height=75> </DIV></DIV>
 


 Antworten

 Beitrag melden
10.09.2015 06:07 (zuletzt bearbeitet: 10.09.2015 06:12)
avatar  Olaf
#2 RE: 2 überlagernde Bilder positionieren
Ol
Mitglied

Es darf immer nur ein ID Namen pro Element (Bild) vergeben werden,sonst weiß das Programm ja nicht,welches Bild jetzt angesprochen werden soll.
Also "#bild1" für das eine Bild und das Andere "#bild2" in der CSS.
Natürlich auch in Deinen HTML Code die ID Bezeichnungen austauschen ..id="bild1" und ..id="bild2".
Dabei darauf achten,das die Bezeichnung der ID-Namen im HTML Code immer in Anführungszeichen geschrieben werden.
So könnte es klappen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
10.09.2015 07:16
avatar  Romulus
#3 RE: 2 überlagernde Bilder positionieren
avatar
Mitglied

Das fehlende Semikolon am Ende von

1
 
border: 1px solid #000000
 



könnte zusätzlich einen Fehler verursachen.

Richtig wäre also:

1
 
border: 1px solid #000000;
 



LG. Romulus

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
10.09.2015 11:29
avatar  Schippo
#4 RE: 2 überlagernde Bilder positionieren
avatar
Mitglied

Hallo Olaf,

super, danke für die Hinweise, das war's. Noch etwas mit den Werten gespielt und alles ist Bestens. Das ist ja im Nachhinein auch einleuchtend, daß die ID's sich unterscheiden müssen.

Nochmals danke und einen schönen Tag.

LG Schippo


 Antworten

 Beitrag melden
10.09.2015 11:32 (zuletzt bearbeitet: 10.09.2015 11:33)
avatar  Schippo
#5 RE: 2 überlagernde Bilder positionieren
avatar
Mitglied

Hallo Romulus,

auch Dir danke für den Hinweis, habe es korrigiert, hatte aber keinen Einfluß auf die Darstellung. Aber ist eben einfach korrekt. Da muß ich mich noch dran gewöhnen, diese Zeichen immer zu setzen.

Schönen Tag noch.

LG Schippo


 Antworten

 Beitrag melden
10.09.2015 11:36
avatar  .BiL.
#6 RE: 2 überlagernde Bilder positionieren
avatar
Mitglied

Zitat von Schippo im Beitrag #5
hatte aber keinen Einfluß auf die Darstellung. Aber ist eben einfach korrekt.
Nicht nur, weil es dann korrekt ist, sondern auch, weil es an anderen Stellen Probleme verursachen kann, sind diese kleinen Zeichen wichtig.
Wenn mal etwas nicht funktioniert, wie es sollte im Forum, kommt man im Leben nicht drauf, dass solche kleinen Zeichenfehler die Ursache sein könnten und vor allem, an welcher Stelle man sie korrigieren muss.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
10.09.2015 12:15
avatar  Schippo
#7 RE: 2 überlagernde Bilder positionieren
avatar
Mitglied

Hallo .BiL.,

wollte den Hinweis von Romulus auch keineswegs abwerten. Habe selbst schon Erfahrung damit gemacht, welche Auswirkungen die kleinen, unscheinbaren Zeichen haben. Nur in diesem Fall hat es erst einmal augenscheinlich nicht das Problem gelöst, aber vielleicht an einer noch nicht erkennbaren Stelle ein neues ausgelöst.

Aber danke für Deinen Hinweis.

LG Schippo


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!