Henrik: Grafik über einem Bereich (Text und Bild) positionieren

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:

  1. Die Grafik liegt nicht exakt über einem Absatz, sondern kann mitten in einer Zeile beginnen.
  2. Die Grafik muss immer an der gleichen Textstelle bleiben, auch wenn sich diese Stelle im Dokument verschiebt (darüber stehender Inhalt wird ein- oder ausgeblendet)

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

  1. 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

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!