tc
pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt pt
EXAMPLE PAGE 3
EXAMPLE PAGE 3
[ TO NEXT EXAMPLE PAGE ]
On this third example page I added the top pageborder <div> with the id pt.
CSS properties of this div:
#pt {
position: absolute;
left:40px;
top:0px;
width:97%;
height:45px;
background:#faebd7;
background-image:url(./divpics/vk90pt.jpg);
border:0px;
padding-right:11px;
text-align:center;
}
The border:0px; expression used here again is not for he site,
but again I left it so to be able to experiment quickly.
For this demopage I set the border to 1px black and placed the text pt in the <div>
The tiled background picture 
(vk90pt.jpg) also overlaps the
<body> part as you can see by the partly disappearing word "EXAMPLE"
(in fact I had to add a <br /> to make it reappear a bit).
This picture is 45 pixels high, the same as the top corner. To make a seamless joint the
top<div> is placed 40 pixels to the right, using the CSS phrases position:absolute; and left:40px; , because as you
could see on the previous page the top corner picture is 40
pixels wide.
On the top right you might see the pageborder leaks a bit: that's because of the
width:97%; line. Wy I do that? Because otherwise you would always
see a horizontal scrollbar. But the trick not always works. Until now I haven't found a
satisfactory solution. I'm waiting for suggestions by you, the reader!
[ TO NEXT EXAMPLE PAGE ]
(18-12-2006 rev. 26-03-2022)