Hallo,
ich habe bilder die bei mouseover größer werden.
Ich habe den Code von homepage-faqs.de, wo aber die Bilder untereinander angeordnet sind. Ich möchte aber gerne, dass die Bilder nebeneinander sind.
Hier der Code:
ich habe bilder die bei mouseover größer werden.
Ich habe den Code von homepage-faqs.de, wo aber die Bilder untereinander angeordnet sind. Ich möchte aber gerne, dass die Bilder nebeneinander sind.
Hier der Code:
Code:
<html>
<head>
<title></title>
<style>
a.bild1 { display:block; background-image:url(../Bilder/bildklein.png); width:120px; height:100px }
a.bild1:hover { background-image:url(../Bilder/Bild1.jpg); width:600px; height:450px }
a.bild2 { display:block; background-image:url(../Bilder/bildklein2.png); width:120px; height:100px }
a.bild2:hover { background-image:url(../Bilder/Bild4.jpg); width:600px; height:450px }
a.bild3 { display:block; background-image:url(../Bilder/bildklein3.png); width:120px; height:100px }
a.bild3:hover { background-image:url(../Bilder/Bild5.jpg); width:600px; height:450px }
a.bild4 { display:block; background-image:url(../Bilder/bildklein4.png); width:120px; height:100px }
a.bild4:hover { background-image:url(../Bilder/Bild6.jpg); width:600px; height:450px }
</style>
</head>
<body>
<a class="bild1" href="#"></a>
<a class="bild2" href="#"></a>
<a class="bild3" href="#"></a>
<a class="bild4" href="#"></a>
</body>
</html>