Form help


I’m having issues with a form which is inside a table. Basically, it’s breaking my layout and I’m not too sure why. Before you get too uppity about it, I know I shouldn’t be using a table to layout forms, however I haven’t been able to find a decent tutorial to layout my form with CSS.

You can take a look at it below:

The line that starts <table width="1000" is breaking things. Try getting rid of width="1000".

Thanks for the quick reply, although removing or changing the width value seems to still break the footer somehow.

You’ve got tables within tables there, and the first nested table still has

<table [COLOR="Red"]width="1000"[/COLOR] cellspacing="0" cellpadding="0" border="0">

The 50% width on the first table might be worth removing too.

Hmm even after changing those values it still breaks. I’m going to do some searching for some tutorials to create forms using CSS. Thanks for your help.

So can anyone point me in the right direction for some good tutorials? Otherwise google here I come.

Forms with CSS are quite simple. The form in your original post is gone now. Perhaps post an image of how you’d like it laid out to help people point you in the right direction. Or perhaps check out this tutorial:

Yeah I’ve decided to remove them altogether so I can actually create them the correct way and not the lazy way.

Thanks for the link, I’m guessing that’s an exert from The Art & Science of CSS? I finished reading that book recently, it had some good information regarding forms but I wasn’t too confident when attempting to create one myself.

Hey…i have seen the code and found there was some misplacement . You have closed content table and div tag before body tag, that is why footer also got included i your content area.
Kindly find the correct HTML file attached here. Hope this helps :slight_smile:
In case of any query feel free to ask.