Ebene in Css erstellen

  • Hallo Leute,


    ich bin hier und heute das erste Mal und dann gleich mit einer Frage ...


    Zu einer bestehenden Seite möchte ich einen Layer erstellen (also für mein Verständnis eine weitere Ebene) auf der nur ein kleines Bild vorhanden sein soll.
    Dieses Bild (eine Tomate) soll zugleich einen Link beinhalten. Wie stelle ich das an?
    Schon mal vielen Dank für Eure Hilfe.
    LG Manfred

  • Hallo,


    der Möglichkeiten gibt es viele. Ohne Link zur Seite lässt sich kaum etwas konkretes vorschlagen. Hast du z. B. ein starres Layout, in flexibles oder ein Responsive Design?


    Im Prinzip reicht es, wenn du das Bild entsprechend aus dem Textfluss nimmst und positionierst.


    Gruss


    MrMurphy

  • ... das ist zunächst mal der Link: http://www.schlewitz.de/images…kt-frauen-fotografie.html
    Mit den Begriffen starr, flexibbles oder responsive Design kann ich noch nichts anfangen. ich verwende yaml
    und css. das ist schon alles was ich weiss. Sinn dieser zweiten Ebene ist, eine Tomate (so ziemlich mittig) über die Image Boxen zu platzieren. Nach wie vor sollen die Imageboxen funktionieren. Natürlich erhoffen wir uns, das Jeder neugierig ist, warum dort eine Tomate ist und diese anklickt (Link). LG manfred

  • Du müsstest in ".imageBox img" ergänzen, dass dieses Bild relativ positioniert wird und einen z-index von z.B. 20 hat. Genau das selbe müsstest Du für ".imageBox a" ergänzen.


    Dann müsstest Du innerhalb der Links, die momentan und auch weiterhin zu den vergrößerten Bildern führen, ein weiteres Element parallel zu dem Bild einfügen. Das könnte z.B. ein


    HTML
    1. <span class="tomate">&nbsp;</span>


    sein (und dann per CSS-Klasse die Tomate als Hintergrundbild für diese Elemente ergänzen) oder auch ein <img>-Element, welches die Tomate enthält. Dieses Element positionierst Du dann absolut und mit einem höheren z-index als oben genannt.


    Dadurch erzeugst Du innerhalb des Links ein Element, welches die Tomatengrafik enthält.