Example of Layers

How to cover up text

This is text

This is text

This is text

This is text

This is text

This is text

This is text

The image above was placed over the text using the following code:

<DIV id=OuterDiv>
<img ID="image" STYLE="position:absolute;TOP:150pt;
LEFT:280pt;width: 100px; height=106px;
Z-INDEX:2;" src="web-smart-right.gif">

Change the width of your browser to see the text move below the image. This works because the area containing the text is centered. By changing the width of your browser you are moving the text but not the image.

By not centering your Web content you can force the overlay to cover text no matter what the width of the browser.

Back to Search Engine Ranking Reporting Services Google Ranking Report

Copyright 2003 © Robert Sherman