www.webdeveloper.com
Results 1 to 4 of 4

Thread: Background Image in PHP include file

  1. #1
    Join Date
    Jul 2012
    Posts
    14

    Question 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???

    TIA!!

  2. #2
    Join Date
    Jul 2012
    Posts
    14
    Nobody has any suggestions??? PLEASE!!!

  3. #3
    Join Date
    Aug 2006
    Posts
    1,897
    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

  4. #4
    Join Date
    Jul 2012
    Posts
    14

    resolved

    Quote Originally Posted by tracknut View Post
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles