| This page is an example of using a bordered background. |
A table is used to shift the contents of the page to the right, so the text doesn't overlap the border.
The first column has a transparent gif image (dot_clear.gif) that is a 1 x 1 pixel image, resized to WIDTH=100 to force the column to be 100 pixels wide.Resizing this image on a page is a convenient way to generate a horizontal (setting the WIDTH parameter) or vertical (setting the HEIGHT parameter) space in your page. Here I used the tag <IMG SRC="dot_clear.gif" WIDTH=100 HEIGHT=1 BORDER=0> to force the width of the first column.
You can grab this small but important gif by right clicking the image here (with a border so you know where it is) and selecting Save Image As ...
The background and graphics on this sample page came from Sharon's Graphics.
Sharon's Graphics has an extensive set of bordered backgrounds that she designed, free for use on your personal pages.
Here is the basic structure for this page. You can select the text below and COPY it to your editor, or the GeoCities editor, to create tha basic structure for your page. You can see what you would get with just this little bit of HTML by clicking the link.
<HTML>
<BODY BACKGROUND="background_image_name.gif" TEXT=blue LINKS=green VLINKS=yellow>
<TABLE border=0 cellpadding=0 cellspacing=0>
..... enter your page contents here, just like you normally would ....
<CENTER>You can use one of the graphics below to link back to to give her credit for the graphics.<P>
</TD></TR></TABLE> <!-- This ends the right column of the table -->
<HEAD>
<TITLE>...your page title here...</TITLE>
<TR>
<TD width=100> <IMG SRC="dot_clear.gif" WIDTH=100 HEIGHT=1 BORDER=0> </TD>
<!-- left column, to skip border -->
<TD valign=left align=top>
<!-- right column for body of page,
uses rest of page width -->
<A HREF="/SiliconValley/Pines/2195/"><IMG
SRC="shagrap.gif"><P>
<A HREF="/"><IMG SRC="set05but3.gif" border=0></a>
</CENTER>
</BODY>
</HTML>
Copyright © Jim Hanson 1998
