Grafik über einem Bereich (Text und Bild) positionieren
Henrik
- design/layout
Hallo,
ich suche nach einer Möglichkeit, eine Grafik über einer HTML Seite zu positionieren.
Soweit ja recht einfach, ich würde einfach ein DIV anbringen. Das Problem liegt in folgenden Punkten:
Der Usecase ist ein manuell eingezeichneter Markierungskreis, der, wie das bei manuellen Kreise so ist, Worte und Buchstaben "trennen" kann und auch über angezeigte Bilder oder Teile von Bildern hinweg gehen kann.
Hat jemand eine Idee, wie ich das abbilden kann.
Mein bisheriger Ansatz kreist irgendwie darum, Textmarken zu nutzen, um die Position auszumachen, aber dies würde nur funktionieren, wenn ein Textblock markiert werden müsste. Ein anderer Gedanke ist, die Seite komplett in eine Grafik zu wandeln und darin den Kreis zu positionieren. Das funktioniert aber nicht, da der Text ein- und ausgeblendet werden kann.
Also ich bin für alle Ideen offen.
Danke
Henrik
Hallo Henrik
Mein bisheriger Ansatz kreist irgendwie darum, Textmarken zu nutzen, um die Position auszumachen, aber dies würde nur funktionieren, wenn ein Textblock markiert werden müsste.
Wie wäre es, an der markierten Stelle eine Änderungsmarkierung mit der Grafik einzufügen.
<p>…, consectetuer adipiscing elit. Aenean commodo<ins class="marker"><img src="deinBild.png" alt=""></ins> ligula eget dolor. …<p>
ins {
position:relative;
}
ins img {
position:absolute;
top:0;
left:0;
}
Auf Wiederlesen
Detlef