Fun Stuff With Dots

<center>
  <img src="browndot.gif" width="1" height="1" alt="" />
</center>

This is a dot.

That's right. A 1-pixel GIF.

Whadaya mean you don't see it? It's right there in the middle.

<center>
  <img src="transdot.gif" width="1" height="1" alt="" />
</center>

You can draw horizontal lines.

 
 

<center>
  <img src="browndot.gif" width="100" height="2" alt="" /> &nbsp; <br />
  <img src="browndot.gif" width="300" height="4" alt="" /> &nbsp; <br />
  <img src="browndot.gif" width="100%" height="6" alt="" />
</center>

You can draw vertical lines.

<center>
  <img src="browndot.gif" width="2" height="40" hspace="20" alt="" />
  <img src="browndot.gif" width="4" height="40" hspace="20" alt="" />
  <img src="browndot.gif" width="6" height="40" hspace="20" alt="" />
</center>

You can draw boxes.

<center>
  <img src="browndot.gif" width="20" height="40" hspace="10" alt="" />
  <img src="browndot.gif" width="40" height="40" hspace="10" alt="" />
  <img src="browndot.gif" width="60" height="40" hspace="10" alt="" />
</center>

You can draw lines by an image.

<center>
  <img src="browndot.gif" width="100" height="2" alt="" />
  <img src="Developers.gif" width="104" height="16" alt="" />
  <img src="browndot.gif" width="100" height="2" alt="" />
</center>

<center>
  <img src="browndot.gif" width="100" height="2" alt="" />
  <img src="Developers.gif" width="104" height="16" align="middle" alt="" />
  <img src="browndot.gif" width="100" height="2" alt="" />
</center>

<center>
  <img src="browndot.gif" width="100" height="2" align="top" alt="" />
  <img src="Developers.gif" width="104" height="16" alt="" />
  <img src="browndot.gif" width="100" height="2" align="top" alt="" />
</center>

You can draw lines between images.

<center>
  <img src="Funstuf.gif" width="50" height="72" align="middle" alt="" />
  <img src="browndot.gif" width="100" height="2" alt="" />
  <img src="Developers.gif" width="104" height="16" align="middle" alt="" />
  <img src="browndot.gif" width="100" height="2" alt="" />
  <img src="Emot11.gif" width="16" height="16" align="middle" alt="" />
</center>

You can use a transparent dot for spacing.

<center>
  <img src="Funstuf.gif" width="50" height="72" align="middle" alt="" />
  <img src="transdot.gif" width="100" height="1" alt="" />
  <img src="Developers.gif" width="104" height="16" align="middle" alt="" />
  <img src="transdot.gif" width="100" height="1" alt="" />
  <img src="Emot11.gif" width="16" height="16" align="middle" alt="" />
</center>

What's that you say?

You'd like a transparent dot of your own?

Easily done - Just right click in the following box and save it.

I'm sure there's lots of other stuff you can do if you put your mind to it.

But it's really really hard to draw a circle.

So I won't even try.

<center>
  <img src="browndot.gif" width="6"  height="9"  alt="" /> <br />
  <img src="browndot.gif" width="40" height="15" alt="" /> <br />
  <img src="browndot.gif" width="55" height="15" alt="" /> <br />
  <img src="browndot.gif" width="62" height="15" alt="" /> <br />
  <img src="browndot.gif" width="65" height="15" alt="" /> <br />
  <img src="browndot.gif" width="62" height="15" alt="" /> <br />
  <img src="browndot.gif" width="55" height="15" alt="" /> <br />
  <img src="browndot.gif" width="40" height="15" alt="" /> <br />
  <img src="browndot.gif" width="6"  height="9"  alt="" /> <br />
</center>

Here's Elke Fritz's contribution to this page:

   
   
       
       
     
   
   
 

<center>
         <img src="browndot.gif" width="75" height="15"             alt="" /><br />
  &nbsp; <img src="browndot.gif" width="30" height="15" hspace="35" alt="" />
  &nbsp; <img src="browndot.gif" width="30" height="15" hspace="35" alt="" /><br />
  &nbsp; <img src="browndot.gif" width="15" height="15" hspace="65" alt="" />
  &nbsp; <img src="browndot.gif" width="15" height="15" hspace="65" alt="" /><br />
  &nbsp; <img src="browndot.gif" width="15" height="30"             alt="" />
  &nbsp; <img src="browndot.gif" width="30" height="15" hspace="24" alt="" />
  &nbsp; <img src="browndot.gif" width="30" height="15" hspace="24" alt="" />
  &nbsp; <img src="browndot.gif" width="15" height="30"             alt="" /><br />
  &nbsp; <img src="browndot.gif" width="15" height="60" hspace="20" alt="" />
  &nbsp; <img src="browndot.gif" width="15" height="15" hspace="29" alt="" />
  &nbsp; <img src="browndot.gif" width="15" height="15" hspace="29" alt="" />
  &nbsp; <img src="browndot.gif" width="15" height="60" hspace="20" alt="" /><br />
  &nbsp; <img src="browndot.gif" width="15" height="30"             alt="" />
  &nbsp; <img src="browndot.gif" width="60" height="15" hspace="50" alt="" align="top" />
  &nbsp; <img src="browndot.gif" width="15" height="30"             alt="" /><br />
  &nbsp; <img src="browndot.gif" width="15" height="15" hspace="65" alt="" />
  &nbsp; <img src="browndot.gif" width="15" height="15" hspace="65" alt="" /><br />
  &nbsp; <img src="browndot.gif" width="30" height="15" hspace="35" alt="" />
  &nbsp; <img src="browndot.gif" width="30" height="15" hspace="35" alt="" /><br />
  &nbsp; <img src="browndot.gif" width="75" height="15"             alt="" /><br />
</center>