Hallo,
Habe ein kleines Fotoalbum, dies funtioniert auch im FF & in IE, aber im IE flackern die Bilder man muß erstmal eine Position finden damit damit man sich die Bilder auch anschauen kann.
Habe ein kleines Fotoalbum, dies funtioniert auch im FF & in IE, aber im IE flackern die Bilder man muß erstmal eine Position finden damit damit man sich die Bilder auch anschauen kann.
Code:
#fotoshow {
position: absolute;
width:850px;
}
#foto {
width:240px;
float:left;}
#foto a {
display:block;
float:right;
margin:0 0 5px 5px;
width:100px;
height:75px;
border:1px solid #ffffff;
}
#foto a img {
width:100px;
height:75px;
border:0;}
#foto a:hover {
border-color: #003399;
}
#foto a:hover img {
position:absolute;
width:auto;
height:auto;
left:260px;
top:0;
border:1px solid #ffffff;
}
body {
background-color: #000000;
}
body,td,th {
color: #FFFFFF;
}
HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Saxonia Biker</title>
<link href="../../../CSS/fotoshow.css" rel="stylesheet" type="text/css" />
<link href="../../../CSS/navigationfoto.css" rel="stylesheet" type="text/css" />
<link href="../../../CSS/layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="fotoshow"> <em id="foto"> <a href="1"><img src="fotosbig/P1020218.jpg" alt="" /></a> <a href="2"><img src="fotosbig/P1020221.jpg" alt="" /></a> <a href="3"><img src="fotosbig/P1020222.jpg" alt="" /></a> <a href="4"><img src="fotosbig/P1020223.jpg" alt="" /></a> <a href="5"><img src="fotosbig/P1020225.jpg" alt="" /></a> <a href="6"><img src="fotosbig/P1020226.jpg" alt="" /></a> <a href="7"><img src="fotosbig/P1020228.jpg" alt="" /></a> <a href="8"><img src="fotosbig/P1020229.jpg" alt="" /></a> <a href="9"><img src="fotosbig/P1020230.jpg" alt="" /></a> <a href="10"><img src="fotosbig/P1020232.jpg" alt="" /></a> <a href="11"><img src="fotosbig/P1020233.jpg" alt="" /></a> <a href="12"><img src="fotosbig/P1020234.jpg" alt="" /></a></em></div>
</div>
</div>
</body>
</html>