New Tips Added Weekly!
Click here to get on our Mailing List

Beginner - Level 4

Making the page look nice

We've made the page quite functional but I think we can agree it doesn't look that nice.

How about we add some imgs and style to it.

If we copy an image to the same folder as the hta we can use a relative path, no need for any folder.

	<img src="computer-learning-zone.gif" alt="Logo" />
	

You can set the height and width of an image by adding those attributes.

	<img src="computer-learning-zone.gif" alt="Logo" height="80" />
	

Another option is to add some colour to your page.

	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#ddd7ff', EndColorStr='#7670ff')
	

You can use other CSS properties.

	body {
		background-color: #6495ed;
		background-image: url("computer-learning-zone.gif");
	}
	

By: Alex Hedley

Click here to sign up for more FREE tips