www.webdeveloper.com
Results 1 to 4 of 4

Thread: Padding and Margin Problem? Can you be my CSS savior!

Hybrid View

  1. #1
    Join Date
    Jan 2013
    Posts
    1

    Padding and Margin Problem? Can you be my CSS savior!

    Hello,

    So I have been racking my brain for the past few hours and hopefully seeing if you have encountered this problem.

    If you see my website

    URL: Swtor-credit-guide.net

    and get to my table the top image appears to have a margin and/or padding but I cannot find it anywhere. The bottom image shows up correctly but the top one has a little bit of space in-between it and the second table. Has anyone encountered this problem before and know how to solve it?

    Thank you for any time you spent on this. I am extremely grateful.

    Best Wishes,

  2. #2
    Join Date
    Aug 2012
    Posts
    155
    Not sure what browser you are viewing in but in Chrome it looks fine to me. My advice - get rid of tables for layout and use pure CSS.

  3. #3
    Join Date
    Jan 2013
    Posts
    2

    Post

    Quote Originally Posted by 10110 View Post
    Hello,

    So I have been racking my brain for the past few hours and hopefully seeing if you have encountered this problem.

    If you see my website

    URL: Swtor-credit-guide.net

    and get to my table the top image appears to have a margin and/or padding but I cannot find it anywhere. The bottom image shows up correctly but the top one has a little bit of space in-between it and the second table. Has anyone encountered this problem before and know how to solve it?

    Thank you for any time you spent on this. I am extremely grateful.

    Best Wishes,


    This is test

  4. #4
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,463
    Hi there 10110,

    and a warm welcome to these forums.

    Although I agree entirely with simplypixi's suggestion with regard to tables, it does not solve your immediate problem.

    Here are three possible solutions...
    1. Code:
      td img {
          vertical-align:bottom;
       }
    2. Code:
      td img {
          display:block;
       }
    3. Code:
      td img {
          float:left;
       }

    ...for you to try.

    coothead

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