Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
2 überlagernde Bilder positionieren
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:
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
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>
#2 RE: 2 überlagernde Bilder positionieren
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
Das fehlende Semikolon am Ende von
border: 1px solid #000000
könnte zusätzlich einen Fehler verursachen.
Richtig wäre also:
border: 1px solid #000000;
LG. Romulus
Liebhaber des Business Templates
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
#5 RE: 2 überlagernde Bilder positionieren
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
Zitat von Schippo im Beitrag #5Nicht nur, weil es dann korrekt ist, sondern auch, weil es an anderen Stellen Probleme verursachen kann, sind diese kleinen Zeichen wichtig.
hatte aber keinen Einfluß auf die Darstellung. Aber ist eben einfach korrekt.
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.
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
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software