Why is this not Centering?

Discussion in 'HTML & Website Design' started by sportwiz628, Mar 14, 2010.

  1. #1
    http://www.metsparadise.com

    Scroll all the way to the bottom until you see the twitter, facebook, and youtube widget. I am trying to Center the pictures but it just isn't working for me, I did include the html Center Code....her's the full code I used:

    Can someone tell me how to Center is completely?
     
    sportwiz628, Mar 14, 2010 IP
  2. Ward Larson

    Ward Larson Peon

    Messages:
    121
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    there are 117 errors on that page which you're probably going to want to address.
    you're probably going to need to use CSS (margin-left:auto; margin-right:auto;) or you could use negative padding (padding-left:-20px) or margins (margin-left:-20px;)
     
    Ward Larson, Mar 14, 2010 IP
  3. sylverCode

    sylverCode Member

    Messages:
    74
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #3
    Use CSS instead.
     
    sylverCode, Mar 14, 2010 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    So true. Debugging invalid markup is a waste of time. Make valid first. Um, padding may not be negative, so strike that idea.

    cheers,

    gary
     
    kk5st, Mar 14, 2010 IP
  5. sportwiz628

    sportwiz628 Active Member

    Messages:
    417
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    60
    #5
    Could someone do a sample. Add one of those codes to the test I provided in the first post.
     
    sportwiz628, Mar 14, 2010 IP
  6. Ward Larson

    Ward Larson Peon

    Messages:
    121
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    true haha... ironic that i'd say to validate and then suggest an invalid solution :p
     
    Ward Larson, Mar 14, 2010 IP
  7. sportwiz628

    sportwiz628 Active Member

    Messages:
    417
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    60
    #7
    So can you show me what the code would be? :D
     
    sportwiz628, Mar 14, 2010 IP
  8. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #8
    Do this:
    #footer #copyright {
      color:#9AA1AB;
      font-size:14px;
      line-height:18px;
      margin-top:35px;
      text-align:center;
      width:520px;
      }
    Code (markup):
    But before you do anything else, fix your html markup errors.

    cheers,

    gary
     
    kk5st, Mar 19, 2010 IP