na klar kann ich hier den quellcode hochladen ;-)
das ist der code vom hoover.css
padding: 55px 85px;
height: 625px;
}
div.imageHold div {
float: left;
width: 1152px;
height: 237px;
/* ab hier kann man die abstände
und sonstiges der bilder eintragen */
margin-left: 50px;
}
div.imageHold img {
width: 80px; /* wir skalieren das große bild auf die kleine größe */
height: 95px; /* um verpixelung beim vergößern zu verhindern */
}
div.imageHold td:hover img {
position: absolute;
margin-left: -85px; /* die hälfte des größenunterschiedes der bilder */
margin-top: -55px; /* hier genau so */
width: 300px; /* die weite beim vergrößern */
height: 300px; /* die höhe beim vergrößern */
und das ist der code von der seite...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
<meta content="de" http-equiv="Content-Language">
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
<title>AllPeopleRadio</title>
<style type="text/css">
@import url('hoover.css');
.style6 {
text-align: center;
}
.style12 {
font-family: "Segoe Script";
}
.style14 {
color: #FFFF00;
font-family: "Segoe Script";
}
a {
color: #FFFF00;
}
a:visited {
color: #FFFF00;
}
a:active {
color: #FFFF00;
}
a:hover {
color: #FFFF00;
}
.style19 {
text-align: center;
font-family: "Segoe Script";
}
.style21 {
text-align: center;
font-family: "Segoe Script";
}
</style>
<style type="text/css">
table.c2 {width: 100%}
div.c1 {height: 0px}
</style>
<style type="text/css">
body.c1 {background-attachment: fixed; background-image: url('LogosHGs/10_2ad3b533b57b23dca29c93aec34dcdc0.jpg'); color: #FFFF00; text-align: center;}
.style22 {
text-align: center;
font-size: xx-large;
font-family: "Segoe Script";
}
</style>
</head>
<body oncontextmenu="return false">
<body class="c1">
<div class="style6"><img height="91" src="LogosHGs/teamvomapr.gif" width="426" alt="** Team vom APR **"><br class="style14">
<br class="style14"></div>
<div class="c1"></div>
<div class="imageHold">
<table class="c2" align="center">
<tr>
<td class="style22" colspan="8">RADIOLEITUNG</td>
</tr>
<tr>
<td class="style21"></td>
<td class="style21"></td>
<td class="style21">APRChriss</td>
<td class="style21"></td>
<td class="style21">APRNikki</td>
<td class="style21"></td>
<td class="style21">APRChrizU</td>
<td class="style21"></td>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/6a.JPG" alt="** APRChriss **"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/21a.JPG" alt="** APRNikki **"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/7a.JPG" alt="** APRChrizU **"></td>
<td class="style6"></td>
</tr>
<tr>
<td class="style6" colspan="8"></td>
</tr>
<tr>
<td class="style22" colspan="8">SENDELEITUNG</td>
</tr>
<tr>
<td class="style21"> </td>
<td class="style21">APRNadineK</td>
<td class="style21"></td>
<td class="style21"></td>
<td class="style21">APRKarsten</td>
<td class="style21"></td>
<td class="style21"></td>
<td class="style21">APRAndrea</td>
</tr>
<tr>
<td class="style6"> </td>
<td class="style6"><img src="alle%20bilder/19a.JPG" alt="** APRNadineK **"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/15a.JPG" alt="** APRKarsten **"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/1a.jpg" alt="** APRAndrea **"></td>
</tr>
<tr>
<td class="style6" colspan="8"></td>
</tr>
<tr>
<td class="style22" colspan="8">NACHWUCHSMODERATION</td>
</tr>
<tr>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
</tr>
<tr>
</tr>
<tr>
<td class="style6" colspan="8"></td>
</tr>
<tr>
<td class="style22" colspan="8">MODERATION</td>
</tr>
<tr>
<td class="style21">APRWerner</td>
<td class="style21"></td>
<td class="style21"> </td>
<td class="style21"></td>
<td class="style21">APRMaik</td>
<td class="style21"></td>
<td class="style21">APRCat</td>
<td class="style21"></td>
</tr>
<tr>
<td class="style6"><img src="alle%20bilder/29a.JPG" alt="** APRWerner **"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/34a.JPG" alt="** APRMickiMick **"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/17a.jpg" alt="** APRMaik **"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/4a.JPG" alt="** APRCat **"></td>
<td class="style6"></td>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
</tr>
<tr>
<td class="style21"></td>
<td class="style21">APRSandra</td>
<td class="style21"></td>
<td class="style21">APRSteffen</td>
<td class="style21"></td>
<td class="style21">APRElke</td>
<td class="style21"></td>
<td class="style21">APRJens</td>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/23a.jpg" alt="** APRSandra **"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/26a.jpg" alt="** APRSteven **"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/12a.JPG" alt="** APRElke **"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/13a.JPG" alt="** APRJens **"></td>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
</tr>
<tr>
<td class="style19">APRStefan</td>
<td class="style19"></td>
<td class="style19">APRSilvia</td>
<td class="style19"></td>
<td class="style19">APRAndreas</td>
<td class="style19"></td>
<td class="style19"> </td>
<td class="style19"></td>
</tr>
<tr>
<td class="style21"><img src="alle%20bilder/25a.jpg" alt="** APRStefan **"></td>
<td class="style21"></td>
<td class="style21"><img src="alle%20bilder/24a.jpg" alt="** APRSilvia **"></td>
<td class="style21"></td>
<td class="style21"><img src="alle%20bilder/3a.jpg" alt="** APRAndreas **"></td>
<td class="style21"></td>
<td class="style21"> </td>
<td class="style21"></td>
</tr>
<tr>
<td class="style6" colspan="8"></td>
</tr>
<tr>
<td class="style22" colspan="8">WERBUNG und MARKETING</td>
</tr>
<tr>
<td class="style6" colspan="8"></td>
</tr>
<tr>
<td class="style22" colspan="8">EHRENMITGLIED</td>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"><span class="style12">APR</span><br class="style12">
<span class="style12">Oma</span><br class="style12">
<span class="style12">Uschi</span></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"><img src="alle%20bilder/28a.jpg" alt="** APR-Oma-Uschi **"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
</tr>
<tr>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
<td class="style6"></td>
</tr>
</table>
</div>
<script type="text/javascript">
<!--//<=!=[=C=D=A=T=A=[
var path = 'http://delivery.advert-layer.de/';
var sense = Math.floor(Math.random()*999999999);
document.write ('<scr' + 'ipt type="text/javascript" src="'+path);
document.write ('view.php?id=3226&hash=76dd398ad54d9a9f94613d4625f39980d6825ed3');
document.write ('&sense=' + sense);
document.write ('"><\/scr' + 'ipt>');
//]=]=>-->
</script><script type="text/javascript">
<!--//<=!=[=C=D=A=T=A=[
var path = 'http://delivery.advert-layer.de/';
var sense = Math.floor(Math.random()*999999999);
document.write ('<scr' + 'ipt type="text/javascript" src="'+path);
document.write ('view.php?id=3226&hash=76dd398ad54d9a9f94613d4625f39980d6825ed3');
document.write ('&sense=' + sense);
document.write ('"><\/scr' + 'ipt>');
//]=]=>-->
</script><script type="text/javascript">
<!--//<=!=[=C=D=A=T=A=[
var path = 'http://delivery.advert-layer.de/';
var sense = Math.floor(Math.random()*999999999);
document.write ('<scr' + 'ipt type="text/javascript" src="'+path);
document.write ('view.php?id=3226&hash=76dd398ad54d9a9f94613d4625f39980d6825ed3');
document.write ('&sense=' + sense);
document.write ('"><\/scr' + 'ipt>');
//]=]=>-->
</script><script type="text/javascript">
<!--//<=!=[=C=D=A=T=A=[
var path = 'http://delivery.advert-layer.de/';
var sense = Math.floor(Math.random()*999999999);
document.write ('<scr' + 'ipt type="text/javascript" src="'+path);
document.write ('view.php?id=3226&hash=76dd398ad54d9a9f94613d4625f39980d6825ed3');
document.write ('&sense=' + sense);
document.write ('"><\/scr' + 'ipt>');
//]=]=>-->
</script>
</body>
</html>
ich habe die zeile wo der fehler ist rot markiert.
ich habe in der mitte einiges weggelassen, weil es sonst zu lang geworden wäre und ich es nicht hätte posten können...
und bitte nicht lachen... ich bin noch ein ziemlicher anfänger was das angeht.. *grins*
lieben gruß
chrizu