These are simple guides, to make things on your website easier, or more effective.

Image Preloading

Have you ever used Javascript Mouseovers? You'll notice that when you load up the page for the first time, when you hover over the image you have to wait for the hover image to load, ruining the whole concept of the hover. Now, you can easily prevent this with the use of CSS embedded in HTML. Basically, all we're doing is putting them image on the page, but making it invisible. Like so:

<img src="URL" style="display:none;" />

Quite simple, eh? Indeed. Repeat that code for every hover image you want to preload. And, obviously replace URL with the URL of your image.

No Image Borders

Whenever you create a linking image, which when you click on it, takes the user to a URL, they have these annoying borders. Well, there's an easier way to remove them, without having to add the "border" attribute to each "img" tag. Simply, in the stylesheet place:

img {
border:0px;
}

Or, if you're not using a stylesheet for some reason, place this code in the "head" area.

<style type="text/css">

img {
border:0px;
}

</style>

Ta-Dah! Easy!