5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

URGENT! Need Some HTML CSS QUICK HELP PLEASE!

by Steve Wells
4 replies
  • WEB DESIGN
    • |
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...
#css #html #quick #urgent
  • Profile picture of the author Andrew H
    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
    Signature
    "You shouldn't come here and set yourself up as the resident wizard of oz."
    {{ DiscussionBoard.errors[5977152].message }}
  • Profile picture of the author htmlthis
    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>
    Signature

    Convert your PSD to HTML
    Convert your Image to Code
    Convert PSD to HTML
    Web Design Gallery

    {{ DiscussionBoard.errors[5977214].message }}
    • Profile picture of the author Steve Wells
      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!

      Originally Posted by htmlthis View Post

      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>
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[5977253].message }}
  • Profile picture of the author htmlthis
    Sure, I'm glad I could help. Good luck with your project!
    Signature

    Convert your PSD to HTML
    Convert your Image to Code
    Convert PSD to HTML
    Web Design Gallery

    {{ DiscussionBoard.errors[5977277].message }}

Trending Topics