Fantasyland Graphics - Free Web Sets, Backgrounds and Graphics

Our FrontPage Themes are at:

Placing a "Frame" Around your Graphics

I have had SO many e-mails from wonderful visitors that have downloaded my graphics, placed them on their page, then realized the "frame" they viewed on my page did not show up on their page! The frame surrounding graphics is an HTML trick, not "part" of the graphic. The color of the frame in Netscape is the color you have assigned as your body background color. I am going to explain how to do it by using the Fantasyland Graphics logo, with the filename fgsmall.gif, and an actual height and width of 35 and 191, respectively.

NOTE: The italicized text below is for instructional use only and is not to be included in your HTML source. Text to copy and paste is boldfaced.

Place the following code on your page where you wish the "Fantasyland Graphics" logo to appear. Copy below by highlighting, then use your browser's "copy" function. Use your HTML editor to paste into your document------------------>


<p><center><table border=3><tr>
<td><a href="http://www.enchantress.net/">
<img src="fgsmall.gif" height=35 width=191 border=0>
</a></td></tr></table></center><p>

Now, the "table" you see above is what appears as the "frame". We have it set with a border of 3; the results follow:

Here is an example of a wider border set in the table command; this time, we'll set it to 10. The HTML code will look like this:


<p><center><table border=10><tr>
<td><a href="http://www.enchantress.net/">
<img src="fgsmall.gif" height=35 width=191 border=0>
</a></td></tr></table></center><p>

The result of the wider table border appear as follows:

And finally, my favorite trick, the "double border" created by using a table within a table, with graduated border sizes (by the way, you can make these as deep as you please - triple, quadruple, etc...):


<p><center><table border=12><tr><td><table border=8><tr>
<td><a href="http://www.enchantress.net/">
<img src="fgsmall.gif" height=35 width=191 border=0></a></td></tr>
</table></td></tr></table></center><p>

And the results??? Take a look at this:

One last important note: The "border=0" statement included in the <img src> statement is the command that gets rid of the nasty little blue box that surrounds graphics linked to another page or an e-mail... I suggest you use it frequently - nobody really needs the blue box - I think we all know pretty much if you see a button with "e-mail" or "next" on it, you're supposed to click on it to get there!