Hallo danke,
ich hab jetzt gestern einige Zeit daran verbracht das in CSS umzuwandeln. Dafür habe ich folgende Formatdefinitionen erstellt:
HTML-Code:
.hyperlink_img a {
float:left;
display:block;
}
HTML-Code:
.hyperlink_img a img {
display:block;
}
Beim Hovern soll die Visibility des Bildes au "hidden" gestellt werden.
HTML-Code:
.hyperlink_img a:hover img {
visibility:hidden;
}
Hier dann nochmal das .hover1 da ja jeder Hyperlink ein anderes Bild anzeigen soll.
HTML-Code:
.hyperlink_img.hover1 a:hover {
background-image:url("files/.../411.png");
display:block;
}
HTML-Code:
.ce_hyperlink:after {
content:"";
display:block;
clear:both;
}
Auf der Seite habe ich folgendes HTML eingegeben:
HTML-Code:
<div class="ce_hyperlink block">
<figure class="image_container">
<a href="#" class="hyperlink_img hover1">
<img src="https://placehold.it/300x200?text=Vordergrundbild">
</a>
</figure>
</div>
Leider macht er immernoch nichts . Hast du evtl ein Tipp wo der Fehler ist? Ich will natürlich nicht das du den Code übersetzt, aber ein Wink mit dem Zaunpfahl wäre nett