We need to create a page with all of the content centered (in a table), and the borders of the page able to resize, so that no content or formatting is lost when the page is viewed at different resoltions (like this <!-- m --><a class="postlink" href="http://collective.valve-erc.com/">http://collective.valve-erc.com/</a><!-- m --> )<br />
But, instead of having a solid colour for the page edges (which is easy enough) we want to use an image (on both sides), which will be 'cut off' from the outer edges. Is it possible?<br />
<br />
Cheers-<br />
Wozza<!--content-->You can TRY this, but remember, there's not a guarantee in sight.<br />
<br />
Inside the very first td tag have this:<br />
<br />
<br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"xxx.png" style="position:absolute;top:0;left:-imagewidthpx;"><br />
<br />
where it says -imagewidth above, put in what it says. So if your image is 100px wide enter -100 so that it looks like this:<br />
<br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"xxx.png" style="position:absolute;top:0;left:-100px;"><br />
<br />
Edit: That was for the image on the left, for the image on the right put it also in the first td tag but this time enter the width of the image + the width of the table. In this case 100 + 752 = 852px.<br />
<br />
Another Edit: I'm not so sure about the right hand image, I think you may end up with a scroll bar there. What may be better for that one is to make it a background and not start it until it's out of the table (if ya know what I mean). But I can't remember how to do that right now, I'll have to consult my books on that one.<!--content-->the basic concept about web design is making it look good on all pages,<br />
what I usually do, since the lowest resolution people use these days is 800x600, I just make my page 1 table, centered on a page, with the width 750px or 700px.<br />
then put the image on the sides.<br />
<br />
or say set the side images as a number in width such as 75px each.. which means youll have 800-75-75=675px left.<br />
then take that 675 on the top bar or the page table and make the table width 100% so it always resizes.<br />
<br />
i always make my pages a huge table, with "width=100%" and height="100%", while setting the body tags like so:<br />
body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"....<br />
<br />
check out my page for examples.<!--content-->
But, instead of having a solid colour for the page edges (which is easy enough) we want to use an image (on both sides), which will be 'cut off' from the outer edges. Is it possible?<br />
<br />
Cheers-<br />
Wozza<!--content-->You can TRY this, but remember, there's not a guarantee in sight.<br />
<br />
Inside the very first td tag have this:<br />
<br />
<br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"xxx.png" style="position:absolute;top:0;left:-imagewidthpx;"><br />
<br />
where it says -imagewidth above, put in what it says. So if your image is 100px wide enter -100 so that it looks like this:<br />
<br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"xxx.png" style="position:absolute;top:0;left:-100px;"><br />
<br />
Edit: That was for the image on the left, for the image on the right put it also in the first td tag but this time enter the width of the image + the width of the table. In this case 100 + 752 = 852px.<br />
<br />
Another Edit: I'm not so sure about the right hand image, I think you may end up with a scroll bar there. What may be better for that one is to make it a background and not start it until it's out of the table (if ya know what I mean). But I can't remember how to do that right now, I'll have to consult my books on that one.<!--content-->the basic concept about web design is making it look good on all pages,<br />
what I usually do, since the lowest resolution people use these days is 800x600, I just make my page 1 table, centered on a page, with the width 750px or 700px.<br />
then put the image on the sides.<br />
<br />
or say set the side images as a number in width such as 75px each.. which means youll have 800-75-75=675px left.<br />
then take that 675 on the top bar or the page table and make the table width 100% so it always resizes.<br />
<br />
i always make my pages a huge table, with "width=100%" and height="100%", while setting the body tags like so:<br />
body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"....<br />
<br />
check out my page for examples.<!--content-->