Color fades and transitions in backgrounds with CSS

A easy effect that can bring the presentation of your page into the 21st century. CSS allows more control over the positioning and assigning of backgrond images. Also, as the image is called from the CSS file it's self, the search engines will not index or waste time on your background image files.

Basically it's as easy as this:

1: Assuming you want to create a backgound that fades from black to purple, go into Photoshop or what ever graphics processing software and create an image with the desired colors, and make it 1 pixel wide. If you have hassles doing this, you're reading the wrong blog.

2: In your CSS file, create a class with the following attribute (Assuming you are assigning it to a table division element with the class name of "fade") the CSS should look like this:
td.fade { background: url(images/bar1.gif) 0 100% repeat-x;}

The URL is the URL of the 1px wide image that will be called to render the background.
The "0 100%" signifies the initial starting position for the rendering of the background. 0 (The first figure) is the starting position on the X axis, 100% is the starting position along the Y axis. Since I wanted my texture to appear at the bottom of the cell, I set it to 100%. These can be manipulated to achieve the desired effect.
Finally, the repeat-x; signifies that the image will be repeated for the entire space of the cell, along the X axis, that is left to right. If you wanted to have a cell with a horizontal color transition, you would create an image 1px tall with the desired color transition, and specify repeat-y;

It's pretty simple, doesn't have too much effect on load time for the page, and can help make extremely bland pages not look like they were created in the 80's. Because the image is only 1px wide, it only has to be a few bytes big. Use websafe colors and save them as GIF files.

Finally, to make it work in the HTML, when you define your table division, assign the class to it, for example:
<td class="fade">....</td>

It's as simple as that.

Schapelle Corby

This site isn't up yet, but I'm going to put the link up now becuase I won't get around to it this week I'm sure. As you know, we have an Australian on questionable drug charges in Bali. Ron Bakir, a prominent businessman from Queensland is setting up www.schapellecorby.com.au as a home page for the campagn he is running to get her back home. It will apparently accept donations and letters etc. I also assume it will outline the circumstances of the case, which Im not going to do here.
I'd just like to say that Ron Bakir is an inspiration to all young business men. He does not have to do what he is doing, and probably has enough money to comfortably retire for the rest of his life and not give a stuff about anything. He is using his power, money and influence to try and help the helpless.

It costs as much to keep a cat as it does to keep a car on the road.

We worked out last night that it keeps approximately the same amount to keep our cat for a year as it does to run the car for a year. :) it's worth it though.
I will post a picture off my cat here as soon as I get around to taking the work camera home for a few happy snaps.
Just a bit of useless information:)