URGENT! Need Some HTML CSS QUICK HELP PLEASE!

by 4 replies
5
Here is a salespage I am working on for a client..

XXXXXXXXXXXXX

If you go to the footer area, you will see that the footerlink are seperated from the bottom area with a gap...

There are some divs involved, I was wondering if anyone had a idea as to why this gap is showing up, I need to get this resolved as soon as possible....

Thanks

All help or insight is greatly appreciated...
#website design #css #html #quick #urgent
  • It is because of the bottom <p> tags adding a 1em margin to the bottom. (ie: Home | Disclaimer | Privacy Policy | Contact)

    Fix:

    Go to this css file: URL REMOVED
    Find: #container-bottom { ....... }
    Add this: margin-top: -1em
  • If you can change the html just remove the p tags and replace them with a div, it's easier than messing around with the css:

    You will have this:

    <div align="center"><a href="#">Home</a> | <a href="#">Disclaimer</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact</a></div>

    instead of this:

    <p align="center"><a href="#">Home</a> | <a href="#">Disclaimer</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact</a></p>
    • [ 1 ] Thanks
    • [1] reply
    • Your a lifesaver, I am sure eventually I would have figured it out, but I get so wrapped up into the design that the coding side sometimes stumps me...

      I really appreciate your help man!

  • Sure, I'm glad I could help. Good luck with your project!
Join the discussion

Next Topics on Trending Feed