Home | Previous | Next Advanced HTML and Web Design

Simple Image Tricks

Single Pixel GIF Trick

I have here a small (20x20) image, in a solid color (it could be 1x1) --

Now, suppose I stretch it to be long and thin -- for example, a heading with an IMG as an underline -- and I'll also make a vertical divider, and place it at the left hand side of the cell.

<IMG SRC="testimg.gif" ALIGN="right" 
HEIGHT="100" WIDTH="1" ALT="">
<H2> Goofy Test Heading <BR>
<IMG SRC="testimg.gif" width=300
 height="1"></H2>

The above heading should be underlined..

Goofy Test Heading

The above heading should be underlined..

Can use this trick (and a single pixel, transparent
image) to FIX the horizontal or vertical dimensions of a table

Home | Previous | Next Advanced HTML and Web Design