Überlappendes Objekt 
Author: Jürgen S.
Visited 154,
Followers 1,
Shared 0
Guten Morgen,
ich bräuchte mal eure Hilfe!
Ich möchte das ein Objekt ein Objekt, egal welches, ich habe es versucht mit einem Textobjekt darzustellen, überlappt, keine Ahnung ob ich das so nennen kann. Wenn ich das versuche, wird es entweder im oberen oder im unteren Bereich angezeigt, aber nicht in beiden.
Ich habe versucht es mit dem angefügten Bild zu verdeutlichen.
Freue mich auf Vorschläge!
Danke Jürgen
Posted on the
Ein Objekt kann nicht auf ein anderes OBjekt überlappen. Es wäre zwar mit CSS Code möglich, aber das hat Auswirkungen auf das responsive DEsign.
Author
Hallo Andreas,
ich hab mich eben mal in den Templates umgesehen und bin zufällig auf das folgende gestoßen:
https://market.websitex5.com/en/templates/live-preview/eba940c5-1de5-42ac-9379-1df39b0f7fc
Hier sieht man genau das was ich meinte. Hier sind drei Blöcke die in den nächsten Bereich überlappen.
Das ist mit dem Zeilenstil gemacht! Man kann die 3 Objekte über 2 oder mehrere Reihen ziehen und danach im Zeilenstil verschiedene Farben oder transparenz einstellen.
Author
Damit kann ich nicht wirklich was anfangen, ich weiss auch nicht was das für Objekte sind, Text ist es auf jeden Fall nicht.
Doch das sind 3 Text-Objekte mit 3 Icon GRafiken drinnen! Das rechte hat eine orange STIL Hintergrundfarbe.
Dazu eben auf 2 Reihen gezogen und im "ZEILENSTIL" die oberen Reihe auf transparent und die untere weiss auf die ganze Breite gezogen.
Author
Wenn ich die Text-Objekte auf zwei Reihen ziehe, kann ich die Gruppierung nicht aufheben und somit nicht die eine Reihe transparen machen und die andere weiss.
Ich habe die Vorlage nicht gekauft, kann also nicht nachschauen wie es dort gemacht wurde.
Man könnte das Hintergrundbild unten mit einem Streifen in der Hintergrundfarbe versehen, dann wären die Objekte oben und unten genau auf dem Hintergrundbild, aber es würde sehe so aussehen als wäre der untere Teil nur teilweise auf dem Hintergrundbild.
Vielleicht meldet sich ein Käufer des Templates und schreibt wie es genau gemacht wird.
Author
Hab ich auch schon ausprobiert, das geht leider auch nicht!
Also das Prinzip funktioniert, siehe den Screenshot meiner Testseite unten.
Ich habe den unteren Teil des Bildes mit Irfanview transparent gemacht. Allerdings müssen die Größen von Text und des Hintergrundbildes zusammenpassen, damit man den Effekt auch sehen kann.
Zudem muss man verschiedene Bildbreiten testen und einen Kompromiss finden.
-----
Hello,
the template in question has this kind of setup in the Row Formats.
Eric
Online translation:
Hallo,
die betreffende Vorlage hat diese Art von Einstellung in den Zeilenformaten.
Eric