Using a Spacer.gif file for Layouts
Sometimes you need to space thing on your site and don’t want to mess around with the CSS coding to accomplish the proper space requirement. In the past I have used line breaks to create vertical spacing. I have also used ascii spaces to create horizontal spacing.
No more, now I use a 1 pixel by 1 pixel transparent .gif file to do this work. Open your graphics editor and create a new image. Make the image a 1px x 1px file and leave it blank. When you start setting up a new file, be sure to have the background be transparent. Save the file as spacer.gif and upload it to your server.
When you need a vertical spacing then place the link to the file in your document and use the Height and width parameters to create the space. For example if you need vertical spacing it would look like this:
<img src="http://www.you.com/spacer.gif" alt="Spacer" height="400" width="5" /> Need a bit of horizontal spacing:<img src="http://www.you.com/spacer.gif" alt="Spacer" height="1" width="50" /> Try it out. Steve
