Click here to change to original colours Click here to change to black text on a white background
Main Index Main Index Main Index
Cascading Styles Sheets

demo of Absolute Positioning

Banner

back to CSS

Banner

This whole page uses absolute positioning. The rotating graphic is positioned using the code below with the graphic's top left hand corner at 610 pixels in from the left, and 400 pixels down from the top.
<DIV STYLE="position:absolute;left:590;top:420">
<IMG src="filename.gif">
</DIV>
SAMPLE
using the following code we can postion this table where we want it.

<DIV STYLE="position:absolute;left:300;top:580">
<TABLE>
(table cells in here in the normal way)
</TABLE>
</DIV>

and position paragraphs of ordinary text like this one in the same way. We could even over-lap them if we wanted to!.

and position paragraphs of ordinary text like this one in the same way. We could even over-lap them if we wanted to!.

and position paragraphs of ordinary text like this one in the same way. We could even over-lap them if we wanted to!.

Banner

back to CSS

Banner
MAIN INDEX TO THE TOP HOT TOPICS AND CONTROVERSY
Banner
Main Index | To The Top | Hot Topics

All original material ©2000 The Curious? Web Site