EXAMPLE PAGE 2

On this second example page I added the top corner <div> with the id tc.
CSS properties of this div:

     #tc {
     position: absolute;
     left:0px;
     top:0px;
     width:40px;
     height:45px;
     background:#faebd7;
     background-image:url(./divpics/vk90ntc.jpg);
     border:0px;
         }

The border:0px; expression used has no effect on the website pages, but I left it there to be able to experiment quickly. Because if you alter the value to something other than 0, the outlining of the <div> is visible. For this demo page I set the border to 1px yellow, so you can see the dimensions of the <div> and I placed the text tc in the middle of it for extra recognition.

The background picture (vk90ntc.jpg) overlaps the <body> part as you can see by the partly disappearing E of "EXAMPLE".
This picture is 45 pixels high, and as you could read on the previous page that is just the same amount the background picture of the left border was shifted down. The measures of the top corner <div> are the same as those of it's background picture: 45 pixels high and 40 pixels wide.

The tc <div> has also a background colour, normally not visible, but has a function when a browser doesn't load the background pictures.

[ TO NEXT EXAMPLE PAGE ]

(18-12-2006 rev. 29-03-2022)