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:
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.
Bookmarks