There is a very handy way to use a border background or to manage the space of a page!

I use this transparent gif all the time for aligning graphics or texts. You may download it here below:


I set the width and the height to 30 pixels but usually the height has to be set at 1 pixel, the width depends on what you need to do. For instance if you want to use a border background, the best way to not have the text overlapping on the border is to use a table like this:

<table border="0" cellpadding="0" cellspacing="0">
<tr><td><img src="vspacer.gif" width="250" height="1"></td>
<td>your text here</td></tr></table>

Same thing if you want to display a graphic. You may use a table or just place the transparent gif front of the graphic and play with the width of the vspacer.gif. See the example below:

Hello...my name is Gini and I love to make graphics!*square

I placed the transparent gif between my text and the graphic. If you place your text and graphic into a table, which is always better, it will look like this:

Hello...my name is Gini and I love to make graphics!*smile

Here are what the codes look like:

<table border="0" cellpadding="0" cellspacing="0">
<tr><td>Hello...my name is Gini and I love to make graphics!</td>
<td><img src="vspacer.gif" width="30" height="1"></td>
<td><img src="square.gif" width="25"height="25"></td> </tr></table>

There are some rules to follow if you want your home page to look flawless. The site below provides very useful tips.

HomeSite Map