HTML is added into each box, when it moves to the back it doesn't scale correctly. It keeps the same size. Ideally I'd like it to scale to match, but not having much look.
<!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 >
<title>
</title>
<link href="css/commonstyles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="scripts/jquery-ui.min.js"></script>
<script src="scripts/jquery.roundabout.js" type="text/javascript"></script>
<script src="scripts/default.js" type="text/javascript"></script>
</head>
<body>
<div>
<div id="divTestimonialContainer">
<ul id="TestimonialRoundAbout">
<li>
<div><img src="commonimages/kp.jpg" alt="Kaiser Permanente" height="200" width="300" /></div>
</li>
<li>
<div><img src="commonimages/countrywide.jpg" alt="Countrywide Home Loans" height="200" width="300" /></div>
</li>
<li>
<div><img src="commonimages/indianfantasyleague.jpg" alt="Indian Fantasy League" height="200" width="300" />
</div>
</li>
<li>
<div><img src="commonimages/amgen.jpg" alt="Amgen" height="200" width="300" /></div>
</ul>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
$(function() { Default();});//]]>
</script>
</body>
</html>
click to demo
<!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 >
<title>
</title>
<link href="css/commonstyles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="scripts/jquery-ui.min.js"></script>
<script src="scripts/jquery.roundabout.js" type="text/javascript"></script>
<script src="scripts/default.js" type="text/javascript"></script>
</head>
<body>
<div>
<div id="divTestimonialContainer">
<ul id="TestimonialRoundAbout">
<li>
<div><img src="commonimages/kp.jpg" alt="Kaiser Permanente" height="200" width="300" /></div>
</li>
<li>
<div><img src="commonimages/countrywide.jpg" alt="Countrywide Home Loans" height="200" width="300" /></div>
</li>
<li>
<div><img src="commonimages/indianfantasyleague.jpg" alt="Indian Fantasy League" height="200" width="300" />
</div>
</li>
<li>
<div><img src="commonimages/amgen.jpg" alt="Amgen" height="200" width="300" /></div>
</ul>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
$(function() { Default();});//]]>
</script>
</body>
</html>
click to demo
No comments:
Post a Comment