EXAMPLE PAGE 6

[ TO NEXT EXAMPLE PAGE ]

On this sixth example page some of the text of page 5 is placed in the pg <div> to see the effect.
Notice the the centering of the text, this is the standard setting for this <div>
Also notice how the picture of the background (vk90pg.jpg) below dissolves in the background which uses that same picture.

The CSS properties of this div again(not all the CSS lines are shown):

     #pg {
     position: absolute;
     left:40px;
     top:45px;
     width:98%;
     padding: 0px 5px 25px 0px;
     margin-right:15px;
     border:0px;
     background:#faebd7;
     background-image:url(./divpics/vk90pg.jpg);
     ......
         }

The pg <div> is positioned 40 pixels to the right and 45 pixels down to let the background picture match the surrounding background pictures of the borders.
The picture page background picture (vk90pg.jpg) tiles over the background color as far as there is content in the page, I mean text or images. In this example the content has been moved from the <body> to the the pg <div>.

On the next page we will make the borders set to zero again to see the final effect.

[ TO NEXT EXAMPLE PAGE ]

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