Everyone needs to know the small gif trick. Do you want to create solid-color bars and column dividers of varying amount of pixels on a page? If so, don't create separate graphics for each bar. Create a 1x1 pixel GIF image and color the pixel with your desired color. Now, when coding the graphic into your web page, use the image WIDTH and HEIGHT tags to set up how wide or tall you want the bar/column to be. This technique can definitely speed up your page loading time when done correctly.

Don't forget the text placement tip. Create a pixel with a transparent color, and use it to 'line up' text on a web page to the exact pixel. Need a 20 pixel left margin? Use the 1-pixel transparent GIF and the WIDTH=20 addition to the <IMAGE> tag.

Print This Tip

Get E-Mail When New Tips are Online

Return to the Web Development - Images and Backgrounds page.