Borders

Bordered pages are ultimately more simple to work with than framed pages and thus they are more popular. Borders allow you to split a page into two columns just like framed pages do, but without the hastle of creating three index files.

To set borders for your pages you will need to work with tables. Your main, opening table sets up the entire document. You will be using another table to setup your left border formatting as well.

Opening Table

< HTML >
< HEAD > < TITLE > < /TITLE >< /HEAD >
< BODY background="image.jpg" bgcolor="#------" text="#-------" link="#------" vlink="#------" >
< TABLE BORDER=0 WIDTH="100%" >
< TH > < IMG SRC="SPACER.GIF" > < /TH >
< TH > < /TH >
< TR >
< TD > < /TD >
< TD >

To make sure your documents display, you will need to close the table at the bottom of your documents as follows:

< /TD >
< /TR >
< /TABLE >
< /FONT >
< /CENTER >
< /BODY >
< /HTML >

Now to work with the left hand border. Most people put their list of contents in the left hand border. This contents list needs to be aligned properly. A second table is the best way to do this because it allows you to specify your text colors and alignment as well as the insertion of any images you want.

You already have started a table for your bordered pages as shown above. So where does this contents table go? It goes inside the first table immediately following the first < td > (table data) tag as follows:

< HTML >
< HEAD > < TITLE > < /TITLE > < /HEAD >
< BODY background="image.jpg" bgcolor="#------" text="#-------" link="#------" vlink="#------" >
< TABLE BORDER=0 WIDTH="100%" >
< TH > < /TH >
< TH > < /TH >
< TR >
< TD > <---- Opens first table data tag ---->

<---- Insert Contents Tables ---->
< TABLE BORDER=0 >
< tr >
< td valign=top > < img src="bhelp.jpg" >
< li > < a href="page1.html" > < font color="white" >Page 1 < /font > < /A > < BR >
< li > < a href="page2.html" > < font color="white" >Page 2 < /font > < /A > < BR >
< li > < a href="page3.html" > < font color="white" >Page 3 < /font > < /A > < BR >
< li > < a href="page4.html" > < font color="white" >Page 4 < /font > < /A > < BR >
< li > < a href="etc.html" > < font color="white" > Etc ... < /font > < /A > < BR >
< /td >
< /tr >
< /table > <---- Close Contents Table ---->

< /td > <---- Closes first table data tag ---->

< td valign=top > <---- Opens second table data tag ---->

<---- Start right side of page here ---->

<----- Closes opening table and document ---->

< /FONT >
< /CENTER >
< /TD >
< /TR >
< /TABLE >
< /BODY >


For a sample look at the finished product, please visit the Sample Border Page . You may do a VIEW SOURCE and cut and paste the data into a document of your own to campare against the one you formatted above.

|Home| URLs| Themes| Content| Directories| Tags|
|Colors| Fonts| Images| Links| Lists| Frames| Tables|
|Documents| Exposure| Guestbook| Thank You E-Mail|