This tip was printed from the MalekTips Computer and Technology Help and Tips website at http://malektips.com.

Web Development - Images and Backgrounds - Instant Bars, Columns, and More!

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.

 

Press the "print" button on your browser or select "File" - "Print" to print this tip. Then, return to Web Development - Images and Backgrounds - Instant Bars, Columns, and More!

Standard disclaimer applies - read http://malektips.com/disclaim.html