<html>
<head>
<title>Abakada DHTML Demo: CSS top Attribute</title>
<link rel="stylesheet" href="/shared/netdemos.css">
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada DHTML Demo: CSS top Attribute</h2></div>
<hr size=1 width=92%>
<center>
<p id="msg">This example shows how inline styles are used to set an element's absolute or relative <b>top</b> position.
Earth and the small planets are set relative to the top edge of its parent element ( the black DIV ),
while Saturn is set with absolute top and left positions. </p>
<div style="background: black; width: 80%">
<div style="position: relative; top: 0px; left: 150px">
<img src="../shared/images/pluto.gif"
height=100 width=192 border=0 alt="Pluto">
</div>
<br>
<div style="position: relative; top: 0px; left: 0px">
<img src="../shared/images/earth.gif"
height=100 width=100 border=0 alt="Mother">
</div>
<br>
<div style="position: absolute; top: 300px; left: 300px">
<img src="../shared/images/saturn.gif"
height=100 width=78 border=0 alt="Saturn">
</div>
</div>
</center>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>