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
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
<span class="tomate"> </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.