<DIV ID="oSun"><IMG SRC="planet.gif"></DIV>

And at some point during your script you want to set the position of the above DIV element. You would probably write something like:

oSun.style.left = 50;
oSun.style.top = 70;

You try to run it and nothing comes up on the screen. The reason? The STYLE tag has not been defined for the above DIV element. Defining the STYLE is straightforward:

<STYLE>
.block {position: absolute; top: 100; left: 100}
</STYLE>

Once the style parameters are predefined, you can modify them via the script, as shown above.

People who read this tip also read these tips:

• Coloring the Scrollbar's 3D Light
• Inline Class Assignment
• Resolving Style Conflicts
• Reflowing a Page
• Using the Kashida Effect