nicht angemeldet
Hallo, kann mir bitte jemand sagen was ich an folgendem Code falsch gemacht habe. Im Mozilla werden die Bilder wie gewünscht mit 120px Breite angezeit, Im IE (5.5 und 6) werden sie alle in Originalgröße angezeigt. Ich hab keine Ahnung was ich flasch gemacht hab
Bestem Dank im Vorraus
mfg Johannes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang=de>
<head>
<title>Fertigung</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
background-color: #CCCCCC;
color: black;
font-size: 14pt;
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
}
a {
border-style: none;
}
a:hover > img{
border-color: #808080;
}
a span {
display: none;
font-size: 16pt;
color: #808080;
}
a > img {
height: 120px;
border-width: 1px;
border-color: black;
}
a:hover span {
display: block;
position: fixed;
top: 50%;
left: 60%;
}
</style>
</head>
<body>
<a href="#1" style="position: absolute; top: 15%; left: 35%; ">
<img src="images/bend1.jpg">
<span>Kantanlagen</span>
</a><br>
<a href="#1" style="position: absolute; top: 40%; left: 20%;">
<img src="images/laser1.jpg">
<span>Laser</span>
</a><br>
<a href="#1" style="position: absolute; top: 65%; left: 35%;">
<img src="images/weld1.jpg">
<span>Schweißanlagen</span>
</a><br>
</body>
</html>