Help!

 
Using Border Backgrounds On Your Site
Text html color chart
How to download an image
Removing borders from around images




3 Methods

The first method is by creating one large table and aligning it to the right of your screen, and then placing the contents on your page within this table. By adjusting the width of the table, you will keep the contents of it from overlapping onto your border. This is accomplished by placing the following html into the body of your document, directly after your opening BODY statement;

<TABLE WIDTH="80%" ALIGN="RIGHT"><TR><TD>

Now place the content of your html document here, and before your closing BODY statement, place the following there:

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

This method does work really great and all you need to do is adjust the width of your table accordingly. One minor drawback that I have come across with this one is that sometimes your page looks great in MS, then when you go and view it in Netscape you may find a bit of overlap on your border. 


The next method seems to be about the best and will give you the best results. In this method, again we create a table with two cells side by side aligned to the left. The first cell will contain a spacer image, which is a transparent gif that is less than 1kb in size. By re-sizing the width of this spacer to the equivalent or slightly more than the width of your border, you will be sure to have no overlap onto your border. This is accomplished by using the following html within the body of your page, directly after your opening BODY statement;

<TABLE><TR><TD ALIGN="LEFT" VALIGN="TOP"> <IMG SRC="spacer.gif" WIDTH=110 HEIGHT=10></TD> <TD ALIGN="LEFT" VALIGN="TOP">

Now place the content of your html document here, followed by the following fragment before your closing BODY statement;

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

Here is the "spacer.gif":   (right click on the square to save the file) 



Unless you want the text on your page to display on top of the border image, simply add the following code immediately after the body background tag: <blockquote>

This works with both Netscape and MSIE, and will indent both the left and right margins.

If the border is wide, use <blockquote><blockquote>

Turn it off by using: </blockquote> or </blockquote></blockquote> as appropriate.

If you have a very complicated page, the above method may not be viewable with MSIE 4.


How To Download An Image
1. Move your mouse cursor over the image you want.
2. Right click with the mouse.
3. Choose [Save Image As...] from the pop-up menu.
4. Click on Save or OK button to save the image to your file.


Removing border around images

 
To remove the border around images, include border=0 in your img src statement. (Remember, by the way, that specifying the height and width of an image will make the page load faster!) 
Your Choice Of A
Logo For Placement On Your Site.....please
Link logo to:
http://home.att.net/~ejlinton


logo.gif

sdlogo.gif

Mail

Back To Index ~ Sets ~ Borders ~ No Borders ~ Miscellaneous ~ Holiday ~ Help

~Back to Southern Delights Homepage~

© Copyright J.P. Linton 1998-2001