This is a static picture. Its position is determined by the flow of the document.

This is a relatively placed picture. Its position is determined by the css statement and is in relation to where it would normally be in the document. It's --60 pixels from the left.

This is a fixed placed picture. Its position is out of the ordinary flow of the document. I set it at 800 pixels from the left and 600 pixels from the top. It's always in the same relationship to the browser window.

The next picture is absolutely placed. And I've specified that just a portion of the picture is shown.

 

 

Play with these concepts yourself and see what you can come up with

 

 

go back to syllabus