Least Tern > Tech Class > Teacher Resources > Resources for Web Design

CSS : Layers and Overlapping Images

THIS IS LAYER 1 POSITIONED AT 100,150

THIS IS LAYER 2 POSITIONED AT 200,160

 

 

Code source: http://www.echoecho.com/cssselectors03.htm

You can probably figure this out on your own by studying the Source code. But follow the link to a full explanation.

Note that I have used 2 tables, with different background colors, nested inside of <div> elements to create the layers.You can achieve the same effect placing text or graphic elements inside of <div> tags.

Elizabeth Sky-McIlvain 11/17/02