If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Background Image in PHP include file

Hi everyone!

I am having a problem trying to implement a background color on the footer of the page. If you look at the bottom of archwaysandceilings DOT com, you will see a grey footer with navigational links in it. You will also notice a small "Twitter" button.

Sadly, that Twitter button is lonely. If you will look at the bottom of the left sidebar, you'll see that the Twitter button has some missing friends. All of these social buttons are included in a separate file called "btns.html".

The current footer is also in a separate file called "footer.html". Unfortunately, when I tried importing the "btns.html" into the "footer.html" file, they disappeared.

I decided to re-code the "footer.html" file (currently it's in a table). It was quite easy to get the file formatted into div tags, and voila! My social icons were all there!

BUT! The background isn't gray as it's supposed to be. I've tried adding the following to the CSS classes for the divs contained in the footer.html file:

background: #5d5d5d;
background-color: #5d5d5d;

I even tried creating an image and using background-image:url("http://link to image here");

Then I tried putting a wrapper around the include code on the actual page:

HTML Code:

<div class="wrapper"><?php include('FooterNav.html'); ?></div>

In the CSS, the "wrapper" class had a background color of the gray. Unfortunately, all that did was put a gray stripe ABOVE the footer box...

Does anyone have any tips for how to get the background color to work???

I'm not seeing the issue. I see a footer area that has a #5f5f5f colored gray background. Inside it is a bunch of stuff including various social icons, and a little bird in a separate area to the right. But the background seems right. This was in FF and IE9.

I'm not seeing the issue. I see a footer area that has a #5f5f5f colored gray background. Inside it is a bunch of stuff including various social icons, and a little bird in a separate area to the right. But the background seems right. This was in FF and IE9.

Dave

Yeah, that's coded in tables. I finally got the social icons to work within the table. I was trying to change it to div tags and use CSS to code the entire footer. The switch was fairly easy, except for the background color. I gave up, and left it in a table format.