Table structure and image alignment

by James Cook on March 29, 2009

Mark March 29, 2009 at 6:19 pm [edit]

Question from Mark via comment: On this website: http://seventwenty-four.com/seventwenty-four2009curved.html
You can see that the images on the top look as if they are one pixel off to the left. (Just look along the right side of the middle column and you can see a white line)

Also, check the youtube video…It is too far over. How do I move my content over?

Answer: Your site shows one of the problems of exporting your structure from Photoshop or Fireworks.

Your table structure is needlessly complicated. For instance, you have an extra column in some rows that contains a 2 pixel wide image.

Everything could be in a one column by four rows table (or preferably divs). Then the menu could be a nested table (or Spry menu see: http://www.studiojmc.com/design-blog/spry-menu-bars.html) in one of the rows.

With the table structure cleaned up, that might solve your problem or make it easier to debug.

Follow me on Twitter: @DWcourse

Mark March 29, 2009 at 8:08 pm

Yes! It does! Thanks so much.

Comments on this entry are closed.

Previous post:

Next post:

Home | Make Contact