Cheffchen
Senior HTML'ler
Hallo,
leute meine problem ist recht einfach :O).
Ich möchte das bei Bilder die ein Link mit einer classe zoom haben ein Luppe in der oberen rechten ecke bekommen.
Ich habe es mit unter so versucht was aber leider nicht funktioniert.
In mein jugendlichen leichtsin dachte wäre einfach zu klären, is es aber leider micht :O(.
Das wäre der HTML code dazu
Hier mal der ganze code zur ansicht und zum testen:x_html_luppe_bei_links - jsFiddle
Es ist noch eine kleine schwierigkeit, es handelt sich um ein cms also würde ich das gerne nur per css gelöst bekommen sonst müsste ich zu viel ändern.
Kann einer Helfer den Onkel G hat mir nicht so richtig helfen können.
Cheffchen
leute meine problem ist recht einfach :O).
Ich möchte das bei Bilder die ein Link mit einer classe zoom haben ein Luppe in der oberen rechten ecke bekommen.
Ich habe es mit unter so versucht was aber leider nicht funktioniert.
In mein jugendlichen leichtsin dachte wäre einfach zu klären, is es aber leider micht :O(.
Code:
a.zoom{
position: relative;
}
a.zoom img {
z-index: 5;
}
a.zoom img:after {
content: url("http://code.klassentreffen-seelow-92.de/files/luppe.png");
position: absolute;
right: 0;
top: 0;
z-index: 6;
}
Code:
<a class="zoom" href="http://www.html.de/customavatars/avatar11008_2.gif"><img alt="" style="float:right;" src="http://www.html.de/customavatars/avatar11008_2.gif"></a>
</p>
<p>
psum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
Es ist noch eine kleine schwierigkeit, es handelt sich um ein cms also würde ich das gerne nur per css gelöst bekommen sonst müsste ich zu viel ändern.
Kann einer Helfer den Onkel G hat mir nicht so richtig helfen können.
Cheffchen