PNG an einer bestimmten Position fixieren
#1
Hallo ihr lieben,
ich suche nach einer Lösung um PNG-Bilder an einer bestimmten Position zu fixieren. Ich würde z.B. gerne direkt unter eine Überschrift einen Pfeil einfügen, der sich dann neben ein anderes Bild positioniert und auch vor ein anderes Bild in den Vordergrund stellt.
Hier ein Beispiel mit dem Pfeil. Hiermit würde ich gerne individuell mehr Lebendigkeit in meine Seite bringen wollen. 
Mein weiterer Gedanke ist es diesen Pfeil mit Hilfe der Animationen-Skripte von Andreas dann dynamisch zu animieren. Aber davon bin ich noch weit weg.
Vielen Dank - Ich würde mich sehr freuen wenn mir jemand helfen kann.
Ganz liebe Grüße
Gregor
PS. Den Fullwidth BG habe ich nach Anleitung von Andreas schon mal hinbekommen. YEAH.
AHO.
Hallo und herzlich willkommen im Forum!
So etwas, was du da beschreibst, würde ich vielleicht mit einer Image Map machen. Es gibt im Netz erstklassige ImageMapGeneratoren - dort lädst du einfach dein Bild hoch und setzt an der Stelle, an der geklickt werden soll, einen Link, der die Action auslöst.
LG, az
PS: Beispiel https://www.image-map.net/
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= 
) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
#3
#4
Nein, das ist keine gute Idee. Bedenke, dass du denn immer zwei Elemente hast. D.h. die Positionierung müsste sich immer für beide Elemente anpassen, wenn sich das Fenster ändert. Eventuell könnte ich sowas mit Hilfe einer Pseudoklasse machen, das wäre schon eine Möglichkeit (:before oder :after und content: "url(…)";)
https://www.mediaevent.de/css/generated.html
Aber lieber einfach: Warum nicht den Pfeil grafisch in das Bild integrieren?
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
