Fire Rescue Squad Template, need banner.

[smfdadmin]

My blonde highlights must be coming out. I downloaded all the images and put them in my "images" section (I use FTP).

I put this in my site <img src="images/SM_contact.jpg">

and now my site is crazy. The right "css frames" are underneath the content. ek. What did I do wrong? lol

[ishkey]

Remember - You altered your css file. You wanted to get rid of RNews on the other pages. Now you have idea of replacing RNews with different PICS.
Are we getting the idea yet?

[smfdadmin]

Yes, I did that first...took out the #left that was the recent news. i had the same effect. so then i left in the #left_alt (no recent news) and put the image below that

[CovertPea]

Hang about Ishkey, this problem is way over my head!

[ishkey]

You are lucky that CP made the images, she never misses a detail, so we do not have to worry about the size of the graphic being to large or to small, it's just right.

1. Back to the css file. Time to put things sorta back they way they were. You are going to do this for each page that you want a new graphic on, in the order of you pages - got it.
I'm doing the contact page since you have tried it on your web and should be last in the css file. You are going to change the padding-top: back to 80px and for each page change the graphic to the one, for that page.

#left {
 background: #333333 url(images/content-top-bg.gif) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_contact {
 background: #333333 url(images/SM_contact.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}

2. The HTML file on each page where it was

<div id="content">
<div id="left">

You will place the code named in the css file - like
<div id="left_contact">

Notice I use a name that relates to the page - it makes life easy.
This is the orig template and not yours but,
If all goes well it will look like this ...

[smfdadmin]

Not to get all corny on yall, but i am lucky to have both of you. awesome graphics and awesome coding.

It works

[smfdadmin]

#left_contact {
 background: #333333 url(images/SM_contact.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_tours {
 background: #333333 url(images/SM_tours.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_gallery {
 background: #333333 url(images/SM_gallery.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_stations {
 background: #333333 url(images/SM_stations.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_apparatus {
 background: #333333 url(images/SM_apparatus.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_members {
 background: #333333 url(images/SM_members.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}

This is what I put in my CSS file. Contact page turned out great...but all the others are funky.

I put this on each page :

<div id="content">
        <div id="left_contact">

Substituting members, tours...etc after the left_

[ishkey]

It looks like you forgot to push the save button on the css file.
This is what it looks like - hot off your server.

#left {
 background: #333333 url(images/content-top-bg.gif) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_alt {
        float: left;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        width: 462px;
}
}
#left_contact {
 background: #333333 url(images/SM_contact.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#logo {
 height: 72px;
 width: 776px;
}

Try again.....

[smfdadmin]

Err...my ftp must be acting up.

The CSS file is saved right.
And the FTP is saying it is transferring with no errors.

Yay...I think I got it to work. I promise it was saved right...haha.
Thanks, as always, for the help :-)