Table out of Whack

Hi all-

It's been a long time since I designed web sites and I am trying to get a VERY basic table to align properly. This should be a no brainer.

http://giddyupflix.com/banner/mess.html

However the table is all out of whack. I designed it in Image Ready and had it make the html code. I took out the spacer.gif alignment row because it adds way too much code and additional columns and rows and simplified the table to the bare basics.

Now that I did that, the table is all askew. I cant figure out why. I know I dont NEED the spacer row. I see many sites that code a straight table like this.

What am I doing wrong? This is SO annoying.

Thanks
Nicole

welcome back to the world of web design lol,

these days we are using css, you might want to check it out, it will make the job allot easier for you

( sorry i cant help but i have not used tables in about 3 years now and have virtually forgotten how to use them )

__________________
My Recipe forum... For all your food needs

I'm sorry to say it mate, and i know it's been a long time since you've designed sites but your code is pretty shocking, there isn't even any doctype!

What i would do is either start learning CSS, or if this is just a small one-off site, think about downloading a CSS based free template, play around with that and see what you can do.

Sorry can't help about the tables I've actually never coded with tables

__________________

Basically, as it's a table, all cells in a column have to be same width. So, for example, your first column, the minimum width is the width of the image on the bottom row. The second column will start from there and so on.

Looks like Indesign screwed up the cutting up.


I suppose there are various solutions, CSS would be a big help as you could control stuff better. It's quite a big subject to get in to if you dont know it already.

If you love your tables try chopping it up in straight lines.

Or you could try not chopping up the images at all. Saving it as a background image and the writing over it with text.

__________________
http://www.topwebdesigner.co.uk | http://www.backfromthedepths.co.uk | http://www.topwiigames.co.uk

The page you are creating has an 'add cart' button, so it seems a bit more professional than others have suggested. Atleast it seems its supposed to be a functional website to possible clients. Some advice:

ditch the program your using to create the code. Atleast until you feel confident again in recreating the same product on your own. Until then it will be impossibly hard to debug normally, not having a solid grasp on whats going on. Let alone the crazyness being created by such an editor as you can see

I know its been mentioned several times but if you do want this to be a functional website, CSS will be your way to go. Tables these days are just too unreliable, provide horrid code and are not flexable enough. CSS is quite easy to pick up and there are many a tutorial around to help get you started (not to mention the awesome forums here).

In short, the problem isn't with the table, it's with having images of varying lengths in the same columns (directly above/below each other). The longest cell stretches the other cells with it resulting in the white spaces. The best way to troubleshoot this kind of a problem is to put borders with an obvious color on the table so you can see what's happening.

CSS would actually make this a much easier process and it's no harder to learn than html.