BcSurvivor08 wrote:
the image path shouldn't change since the image is still in the image folder, right?
Yes, but the path to the image in the CSS must be relative to the location of the external CSS file.
In other words, the following rule in the home page
#banner
{
margin: 0 auto;
width: 980px;
height: 198px;
background-image:url(images/banner.gif);
}
would be written in the external CSS file as
#banner
{
margin: 0 auto;
width: 980px;
height: 198px;
background-image:url(../images/banner.gif);
}
because the CSS file is inside the css folder (one level down from the root folder).
../ says "From the "css" folder, go up a folder level then look for banner.gif inside the "images" folder..
