CMairsCreate by Candyce MairsWeb design resourcesCandyce Mairs portfolioResume of Candyce MairsSearch CMairsCreate or the InternetContact Candyce Mairs
 

  This transparent gif can be used to assist in layout & spacing for your html pages.  
 

The gif is inside the square box above between the words gif & can. To copy it, simply place your cursor inside the box, right click the mouse, choose save picture as & name it transparent.gif. Be sure you are placing it inside your root folder where the rest of your images are located for your website.

HTML code for the transparent gif: <img src="transparent.gif" width="10" height="10" border="0">

The code above creates a 10 x 10 pixel transparent image with no border. You can adjust the width & height measurement to whatever you need for your page. My tranparent gif above has a border of 2 pixels so you can see it. Simply add the attribute & value of border="0" inside the <img src> tag as per the above code to remove the border for your pages.

Simply adjust the width & height values in your code to reflect whatever size you need. This can be used as an indent for paragraphs by setting the width to 6 pixels & the height to 2 pixels.Here is the html code for the gif image without a border:

<img src="transparent.gif" width="10" height="10" border="0">

If you have placed your transparent gif in an images folder on your site, please add this html code to your page as follows: <img src="images/transparent.gif" width="10" height="10" border="0">

Please remember to be case-sensitive in your img src paths. If you named your images folder with a capital I, replace the lowercase images above to read uppercase Images.

The above image is handy to keep around for all of your website projects. Feel free to email me with any questions you may have.

 
     
  top of page  
  home | resources | portfolio | resume | search | contact