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(“
Then I tried putting a wrapper around the include code on the actual page:
[code=html]<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???
TIA!!