Advanced Search
Keywords

The BoxedArt Guide to Using Website Templates



How Do I Remove a Stretched Background Image from a Website Template?

Some templates may have an "expandable background" that appears to stretch across the screen. The reason for this is that so all of the white space is filled in any size browser resolution:

Background template

You may decide that a particular website template design would be more suited to your tastes without this effect. In such instances, the below information will guide you in removing this type of stretched background effect.

Open the html file in a text editor such as Notepad.

Look for <table> tags and/or <td> tags that have background ../images assigned to them (there may be more than one):

bg

Delete the portions of the tags that contain the background image so the tags look similar to this:

bg

If you open the html file in an html editor such as Dreamweaver, click on the area in the document that has the stretched background:

stretched

In the Properties panel, delete the reference to the background image:

bg


Back to Design Tutorial