Hallo Zusammen
Ich habe im Internet ein Code für Rollover Bilder gesucht und gefunden. Nun wollte ich dieser auf meiner Page einfügen aber habe folgendes Problem: Wenn ich mit der Maus über das Bild gehe wird er grösser angezeigt. Nur das kleine Bild wird nicht angezeigt, es hat lediglich einen weissen Kasten und den Namen des Bildes. Hier mal der Code:
CSS:
Hier noch der Link --> klick
Danke für eure Hilfe.
Gruss Jad31
Ich habe im Internet ein Code für Rollover Bilder gesucht und gefunden. Nun wollte ich dieser auf meiner Page einfügen aber habe folgendes Problem: Wenn ich mit der Maus über das Bild gehe wird er grösser angezeigt. Nur das kleine Bild wird nicht angezeigt, es hat lediglich einen weissen Kasten und den Namen des Bildes. Hier mal der Code:
CSS:
HTML:
<style type="text/css">
#menu {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;}
#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large {display:block; position:absolute; top:-65px; left:150px; width:300px; height:300px; border:10px solid #ccc;}
#info {z-index:100; height:22em;}
</style>
HTML:
<div id="menu" style="width: 86px; height: 81px">
<a class="p1" title="Pallone 1" href="news_image/pallone1p.JPG"><img src="news_image/pallone1p.jpg" title="Pallone 1" alt="Pallone 1" /><img class="large" src="news_image/pallone1.jpg" title="Enlarged view of image" alt="Enlarged view of image"></a>
</div>
Hier noch der Link --> klick
Danke für eure Hilfe.
Gruss Jad31