Using Single Pixel Spacers

Back to Index

Using Single Pixel Spacers

A recent and novel way of using images in a page is to use single pixel spacers. These just look like a dot on the page but they can be stretched to fill any rectangle you like to create

The beauty of this system lies in the fact that as the gif files are only one pixel they take a minimum of time to download

Here is are some examples using spacers of different colours. If you right click on the stips you can save them to use for your own pages (Note: the gap between the green and yellow is a transparent gif)

<html> <head> <title>Using Single Pixel Spacers</title> </head> <body> <h1>Using Single Pixel Spacers</h1> Here is are some examples using spacers of different colours <img src="pixels/bluesp.gif" width=40 height=2> <img src="pixels/greensp.gif" width=50 height=3> <img src="pixels/clearsp.gif" width=60 height=4> <img src="pixels/yellowsp.gif" width=70 height=5> <img src="pixels/brownsp.gif" width=80 height=4> <img src="pixels/redsp.gif" width=70 height=3> <img src="pixels/whitesp.gif" width=60 height=2> <img src="pixels/orangesp.gif" width=50 height=2> <img src="pixels/blacksp.gif" width=40 height=2> <img src="pixels/purplesp.gif" width=30 height=2> <img src="pixels/pinksp.gif" width=60 height=2> <img src="pixels/mauvesp.gif" width=50 height=2> <img src="pixels/lbluesp.gif" width=40 height=2> <img src="pixels/fawnsp.gif" width=30 height=2> </body> </html>

Return to top of page