Bilder übereinander 
Autor: Thomas M.
Besucht 2183,
Followers 1,
Geteilt 0
Ist es im Seiteninhalt möglich die Bilder nicht nur nebeneinander anzuordnen, sondern dass sie sich überlagern?
Im Header ist das möglich mit dem Befehl "in den Vordergrund"oder "in den Hintergrund"!
Wäre toll wenn das irgendwie machbar wäre! Danke!
Gepostet am
Ein Bild-Objekt mit einen Zellenstil Hintergrundbild vielleicht?
Autor
Ich meinte so wie auf dieser Seite!
https://www.timeundvision.de
Das Logo ist über der Galerie und weiter unten geht auch der runde Stempel über das Bild!
Ist zwar ein bisschen Spielerei aber man könnte sowas ähnliches auch erstellen. Allerdings ohne etwas Code geht das nicht, denn 2 Objekte können sich nicht überschneiden außer mit Code. Alles andere kann man über den Zeilenstil lösen.
Autor
Ich trau mich fast nicht zu fragen! Hättest du mir so einen "Überschneidungscode"?
Ich nehme an die Positionierung muss ich selber dann ändern?
Schon mal danke!!!!
Da gibt es keinen generellen Code. Man muss den Objektselektor (der immer verschieden ist) wissen und dann kann man den Code erstellen.
Autor
Achso, ich dachte man braucht das Bild und gibt dem dann einen speziellen Befehl. Schade! Ich muss das immer vorher ausprobieren wie es aussieht, also kann ich ja noch nicht sagen,wie ich es will.
Im Header klappt das ja wunderbar mit dem übereinander! Warum geht das im Seiteninhalt eigentlich nicht?
Ich spiel jetzt mal noch ein bischen mit dem Zeilenstil Vielleicht fällt mir ja noch was ein, das dann ähnlich aussieht.
Aber trotzdem vielen Dank für deine schnelle Antwort! Ist immer wieder beeindruckend!!
(It > De)
... in > [dieser Seite] finde einen von mir erfundenen Code in Zeile 29-36 ... (Ctrl+U)[Strg + U]...
... in > [diese Seite] ist das Thema des Referenzbenutzers, eine Idee bekommen...
ciao
.
Autor
So ganz habe ich das trotz Übersetzung nicht verstanden.
Wo genau muss ich es einfügen?
Und den grünen Text ,muss ich den weglassen?
Und die Positionierung muss ich selber herausfinden, denke ich?
(It > De) ... mein Code fügt ein div_custom ein, das ein Bild in den Inhalt einer Zeile enthält, dh dieses Bild:
... Um zu verstehen, was Sie möchten, sollten Sie den LINK Ihrer Seite so setzen, wie es der Benutzer des anderen Themas geta...
.
Autor
Das mit dem Link zu meinem Bild habe ich verstanden. Aber den Rest nicht?
Entschuldigung, aber ich bin kein Experte!
... mein Code muss vor dem Schließen des TAG /HEAD in das Expertenpanel eingegeben werden, ... nachdem die zu prüfenden Selektoren identifiziert und korrigiert wurden ...
... wie ich schon sagte, hier den Link Ihrer Seite einfügen ...
Autor
Es war ein harter Kampf, aber ich habs geschafft!
Jetzt muss ich nur schauen, wie ich das ganze dann in den responsiven Ansichten positioniere, damit es gut aussieht!!
Vielen Dank!
...
... 
...
Autor
Jetzt hab ich doch noch eine Frage:
So sieht meine Code jetzt aus:
<script>function divcustomK() {
topK =500;
opacityK = 1.0;
imgK= "<img src='/images/logo rosa.png' width=40% />";
divK= "<div style='position:relative;left:" + topK + "px;width:100%;opacity:" + opacityK + ";z-index:4'>" + imgK + "</div>";
document.getElementById("imCellStyleGraphics_3").innerHTML = divK;}
window.onload = function (){divcustomK()}
window.onresize = function (){divcustomK()}</script>
Das überlappende Bild ist jetzt in der rechten oberen Ecke der Galerie, soll aber in die untere rechte Ecke! Wo muss ich noch was reinschreiben, damit das Bild nach unten wandert?
... ohne den LINK zu sehen, ist es schwer zu bewerten ...
... versuchen Sie es trotzdem durch folgenden Code zu ersetzen:
<script> function divcustomK() {
imgK= "<img style='position:absolute;bottom:10px;right:10px;' src='/images/logo rosa.png' width=40% />";
divK= "<div style='position:relative;width:100%;height:100%;z-index:4'>" + imgK + "</div>";
document.getElementById("imCellStyleGraphics_3").innerHTML = divK;}
window.onload = function (){divcustomK()}
window.onresize = function (){divcustomK()} </script>
>> bottom:10px;right:10px; >> ... regulieren die Position unten und rechts ...
.
Autor
Code funktioniert, danke!
Nur leider ist in den responsiven Ansichten das überlappende Bild immer an einer anderen Stelle!
Schade!
Und ich kriegs auch mit Zeilenstil, oder Seitenhintergrund nicht hin! In beide kann man ja keine Galerie einfügen, dann ginge es wahrscheinlich!
Trotzdem, danke für die Mühe! Wünsche allen ein schönes Wochenende.
... OK ...
... möglicherweise, wenn Sie den LINK eines Beispiels in NETWORK einfügen, werden wir uns wieder treffen ...
ciao