4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

My tables are off?

by Mike Hlatky
3 replies
  • WEB DESIGN
    • |
I was adding another row to my table and now the top row is not aligned:

Toddler Backpack Store - Get The Best Prices On Toddler Backpacks!

Any advice on what I did wrong and how to correct it?

It seems misaligned on two of my computers. But, my friend checked it and said it was fine for him. I don't know if that is good or bad :p
#tables
  • Profile picture of the author AnthonyKrese
    Have a look inside the tables of the images that are higher than the others. There's a tiny image (1px by 1px .gif - maybe a spacer?) sandwiched between the main image and the bottom of the table.
    Signature
    What's for dinner tonight? Fast, easy, awesome recipes to keep the wife and kids happy!

    The Man's Cookbook
    {{ DiscussionBoard.errors[4035786].message }}
    • Profile picture of the author Mike Hlatky
      Originally Posted by AnthonyKrese View Post

      Have a look inside the tables of the images that are higher than the others. There's a tiny image (1px by 1px .gif - maybe a spacer?) sandwiched between the main image and the bottom of the table.
      It's in all 4 of the top ones though. That's how the Amazon Affiliate code is and I haven't had a problem before.
      {{ DiscussionBoard.errors[4035884].message }}
  • Profile picture of the author paulpalm
    Anthony does have a point, if i remove the 1x1 image, the images align up. However, more importantly are issues in your html too...

    In your table you are using ID="backpack" multiple times to label the td tags. However, an ID can be only used to refer to one element in a HTML page - this is a must (CSS Id and Class).

    So,
    1) Change all id="backpack" to class="backpack"

    2) To align your images, in your CSS file add...

    .backpack {
    vertical-align: top;
    }

    Good luck ;-)
    {{ DiscussionBoard.errors[4036160].message }}

Trending Topics