BACKGROUND

As most everyone knows, an image is a picture; We can use any picture for our document background. Use dark fonts for light backgrounds and light fonts for dark backgrounds. Copy any of the images to your css file, and change the code path and name to whatever you name your file. You can also use your own picture for a background, place a copy of your picture in your css file; Copy any of the codes and change the path to the picture in your file. CLICK HERE for instructions where to place the image in wordpad.

When placing a background image (with BACKGROUND) it is a good idea also to place a background color (with BGCOLOR=.) if the user viewing your page has image loading off, or if your background image dont load for some reason, the page will still look close to the way you want it to look.

BACKGROUND IMAGE IN A TABLE CELL. Using CSS tags. If you dont understand CSS, CLICK HERE The style or class must be assigned to the TD tag for Netscape to render the page correctly. It will not render properly if you assign the style or class to the table or table row tags. Older Netscape versions (v4.x) cannot view background images in table cells. Here's the code to add to your external style sheet: .tdback { background-image: url(back.gif);} Then in your HTML code assign the TD tag to the class .tdback as shown; <td class="tdback"> Change URL of the image path to path of your image on your web server. Here is the code if you want to use this CSS effect only in a particular document (generally refered to as internal CSS). It must be placed between the HEAD tags of your web page. You also need to assign the TD tag in your HTML code to the .tdback class as described above. Remember though, using CSS in this manner limits you to that document only unless you place it in every page you want to use it. If you want this effect available for all your web pages without having to copy/paste it into every web page, use an "external" style sheet and the code noted above. <style type="text/css"> </style>

THIS IS ANOTHER CODE FOR THE SAME; We can change the picture as needed. <IMG height=136 alt="BACKGROUND/70s_marble.gif (3552 bytes)" src="BACKGROUND/70s_marble.gif" width=235>

We can take a picture and make it into a background image for our documents; This is a picture of Nicks Creek running into New River.

This is the background of this page. <IMG height=200 alt="BACKGROUND/marchcloud.bmp" src="BACKGROUND/marchcloud.bmp" width=240>

If any of the images does not look correct, try making it larger. You will have to make the picture larger in your file and save it back to the same file. Open the picture in a program(like Paint for example) to make it larger or smaller, then save it back.



In your folder that goes with your page, cut and paste 
the image into it. The folder that goes with this page is
called BACKGROUND;  The image is called marchcloud.bmp
We need the backslash / to make it work
So we get <body background="BACKGROUND/marchcloud.bmp">

Place the image background in wordpad as shown it should default
to the image. If the image dont work it will default back to 
bgColor=beige, or whatever color is in bgColor=

<!Doctype html public"-//W3C//DTD HTML 4.0 Transitional//EN">   
<html><head><title>BACKGROUND </title> </HEAD>
<meta http-equiv=Content-Type content="text/html; 
charset=windows-1252">
<META content="MSHTML 6.00.2800.1126" name=generator>
<A name="(top)">
<TABLE cellSpacing=2% cellPadding=0% width="100%" border=1%>
<TBODY> <TR> <TD>
<BODY text=black vLink=red aLink=red link=red bgColor=beige>
<body background="BACKGROUND/marchcloud.bmp">


Introducing span tags.
Here is a neat little tag that puts color behind text only.
You can change the color.  Copy and paste it.
<span style=background-color=#FFFEEE;>
To keep the colors from bleeding farther we need this code;
</table><center><pre><font color=green>
We may need to program the table tag afterwards.

With this span tag we can make a border around our text <span style="border:yellow solid 1px;"> IMAGE SIZE Change the height and width; make a picture any size. First find out what the picture is; bmp, gif, psi, etc. Here is the code. <IMG height=200 alt="file where picture is/picture name here.bmp" src="file where picture is/picture name goes here.bmp" width=240>

Here is another example, no size tag.

Here is another example, with size tag.

PICTURE INSIDE BLACK BORDER LETS TEST IT