KISS HTML - 19 - Border Sets

KISS HTML
You CAN write HTML code from scratch

Installing a Border Set or
A graphics page by a real artist !

There are lots of web sites on the internet which have superlative "Border Sets" which you can install and use for your own web page.

These sets give your web page a polished, professional appearance and, best of all, they are FREE!

Usually, the artist of the Border Set asks that you put a link on your page since he/she did the design and illustration work and deserve credit for their efforts. We got this one from Designs by Susie at www.ns.net/~soliva

Although the artistic effort may be flawless, you often see web sites where the owner has written the code correctly to show the Border Set, but has not allowed the room or necessary space on the left side to actually accomodate the border.

The graphic images overrun the left side border and it looks like this

Below, you will find the code for our example website modified to accept Susie's Background Set. WHAT WE CHANGED -

We added the table (bold red below) to move all the elements over to the right. Don't forget to close your table.
Since the Border set "Header" had "Welcome" as part of it, we changed the next part to "to Cyberperson's Page".
We added some tags to open up the space a little.
We changed the <A HREF=" "> to show the graphic image buttons (Links, E-mail, Home, Next, Previous) which came with the border set.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 //EN">
<HTML>

<HEAD>
<TITLE>Cyberperson's First Web Page</TITLE>
</HEAD>

<TABLE WIDTH=75% ALIGN=RIGHT> <TR> <TD>

<IMG SRC="images/set3heder.jpg"> 


to Cyberperson's page.

I live in Los Angeles. 


Los Angeles is the largest city on the west coast. There are over 8 million people living in the area. Surrounded by mountains, and bordered by the Pacific Ocean, you can find more to do here than almost anywhere else in the world! You can learn more about my city by going to these Los Angeles
<A HREF="http://www.losangeles.com"> <IMG SRC="images/set3links.jpg" BORDER=0 > </A>

I work for Calliope Studios. 


Calliope produces titles and introductions to Hollywood movies and TV shows. You can see my work at the beginning of many of the TV shows of today.

I have a dog named Remington. 


Remington is a black Labrador Retriever. He loves the water and swims the whole time we go to the beach. He is my very best friend. I have some photos of Remington which you can see by clicking
<A HREF="remingtn.htm"> HERE. </A>

My hobbies are cooking and movies. 


We have friends come over twice a month for a "bring-your-own-dish" party. The food is great and we do a lot of recipe swapping.
If you would like some of my recipes,
send me an e-mail by clicking
<A HREF="mailto:your_name@hotmail.com"> <IMG SRC="images/set3mail.jpg" BORDER=0 ALT="E-mail">

</TD> </TR> </TABLE>

</BODY>

</HTML>

The actual "Table" code which we used was:
<TABLE WIDTH=75% ALIGN=RIGHT> <TR> <TD>

</TD> </TR> </TABLE>
Pretty simple, yes?

To see how this web page background will look using the Border Set, click Here

<- Previous | Next ->