Moving contents
out of a bordered background
(generalized version for
non-Webtv PageBuilder webpages)
If you are using a left-sided bordered background, in order to move your text and contents of the webpage to the right and out of the bordered area, use one or more <<>blockquote> tags right after the <<>body> code tag.
NOTE: If you are using the Webtv PageBuilder, you will need to
- Use an "advanced editor" method to display the background image
- Add the <<>blockquote> tags in every "add an item"--"text" or "heading" area used.
- See previous page
Format for using <<>blockquote> tags on a non-Webtv PageBuilder webpage:
<<>html>
<<>head><<>title>optional title<<>/title><<>/head>
<<>body background="url of image" text="??" link="??" vlink="??" alink="??">
<<>blockquote><<>blockquote>
Rest of the webpage contents here
<<>/blockquote><<>/blockquote>
<<>/body><<>/html>
Another way is to use a 2-celled table for your entire webpage, with an empty cell in the left/first cell (using one &nbsp;) , and the contents of your webpage in the right/second cell.
NOTE: If you are using the Webtv PageBuilder, you will need to
- Use an "advanced editor" method in the first "add an item"--"text" area to display the background image
- Add the table codes below in every "add an item"--"text" or "heading" area used
- And use these codes <<>/td><<>/tr><<>/table> in the 2nd, 3rd, etc. "add an item"--"text" areas in addition to (before) the regular table codes used below.
Format for use on a non-Webtv PageBuilder webpage:
<<>html>
<<>head><<>title>optional title<<>/title><<>/head>
<<>body background="url of image" text="??" link="??" vlink="??" alink="??">
<<>table width="100%" border="0">
<<>tr>
<<>!-- the first cell area is empty (using one &nbsp;) that will "occupy" the bordered area of your background; adjust the width as needed -->
<<>td width="150">
&nbsp;
<<>/td>
<<>!-- the second cell area contains the content of the webpage; the contents will be moved over to the right by the empty cell with &nbsp;, used in the first cell -->
<<>td valign="top" align="left">
All of your webpage content here---images, text, etc
<<>/td>
<<>/tr>
<<>/table>
<<>/body>
<<>/html>
Another way is to use a 2-celled table for your entire webpage, with a transparent gif in the left/first cell (the width of the first cell and the transparent gif should be the same---increase or decrease the width to move the text out of the bordered area), and the contents of your webpage in the right/second cell.
NOTE: If you are using the Webtv PageBuilder, you will need to
- Use an "advanced editor" method in the first "add an item"--"text" area to display the background image
- Add the table codes below in every "add an item"--"text" or "heading" area used
- And use these codes <<>/td><<>/tr><<>/table> in the 2nd, 3rd, etc. "add an item"--"text" areas in addition to (before) the regular table codes used below.
Format for use on a non-Webtv PageBuilder webpage:
<<>html>
<<>head><<>title>optional title<<>/title><<>/head>
<<>body background="url of image" text="??" link="??" vlink="??" alink="??">
<<>table width="100%" border="0">
<<>tr>
<<>!-- the first cell area contains a transparent gif that will "occupy" the bordered area of your background; adjust the width as needed -->
<<>td width="150">
<<>img src="http://www.geocities.com/SunsetStrip/Pit/4965/photos/transgif.gif" width="150" height="5">
<<>/td>
<<>!-- the second cell area contains the content of the webpage; the contents will be moved over to the right by the transparent gif, used in the first cell -->
<<>td valign="top" align="left">
All of your webpage content here---images, text, etc
<<>/td>
<<>/tr>
<<>/table>
<<>/body>
<<>/html>
Previous Page
More Webtv PageBuilder help
