Control Position with a Single Pixel

Read this tip to make your life smarter, better, faster and wiser. LifeTips is the place to go when you need to know about Design and Layout and other Html topics.

How do I control image placement?

Control Position with a Single Pixel

Have you ever wanted more control over where your graphics appear on the page? HTML provides adequate formatting for most people and websites. However, if you're like me, it's not enough.

This simple trick will provide you with pixel level control of the placement of images (although you can also use it for text, tables, etc.). The first step is to create a 1 pixel by 1 pixel gif image (transparent background works best, or make several different colored gifs) with your favorite software. Next, just use the image in your code expanding its width (and/or height) to meet your needs.



Nobody has commented on this tip yet. Be the first.


URL: (optional)


Not finding the advice and tips you need on this Html Tip Site? Request a Tip Now!

Guru Spotlight
Tammi Reynolds