<html>
<head>
<style>
#L1 {position: absolute; left: 100px; top: 100px;}
</style>
<script src='listing_1.js'></script>
<script>
function init() {
    Img1Obj = (isNav4)? document.layers['L1'].document.images['Img1'] : 
                                                     document.images['Img1'];
    alert('Image1 src is ' + Img1Obj.src);
}
</script>
</head>
<body onload='init()'>
<div id='L1'><img name='Img1' src='Image1.gif'>
</div>
<img name='Img2' src='Image2.gif' align='top'>
An example of a floating element.
</body>
</html>

Example 1: Using absolutely positioned CSS to place floating elements on a web page.

Back to Article