How to switch from table to div for FORM layout?

Consider this article at Woork titled Clean and Pure CSS Form Design I've implemented this style, including the fieldset and tweaked all the styles appropriately for the look/feel that was required Consider using label runat="server to inherit the style of the label via CSS instead of asp:label Alternatively you could put your asp:label within label tags. Since asp:label emits span that would simply result in a set of label.

Consider this article at Woork titled Clean and Pure CSS Form Design I've implemented this style, including the fieldset and tweaked all the styles appropriately for the look/feel that was required. Consider using to inherit the style of the label via CSS instead of asp:label. Alternatively you could put your asp:label within label tags.

Since asp:label emits , that would simply result in a set of .

Pcampbell, nice what I am most interested in is the "Add your name", "Add valid address" etc right below each bold label. Can you share the CSS for this form and the HTML? – JonH Nov 19 '09 at 4:31 Nevermind just noticed the article... thanks – JonH Nov 19 '09 at 4:34 if you are going to use tags in your markup, consider using an instead of .

The resulting markup will have no tags :) – meccaneko Aug 9 at 20:54.

Extract from my code: Password: Confirmation: Prénom: Nom: with the following css: label { float:left; margin-right:0.5em; margin-top:10px; padding-left:5px; text-align:justify; width:200px; } inputtype="text", textarea, inputtype="password", inputtype="checkbox", select { float:left; margin-right:10px; margin-top:5px; } . Clear { clear:both; }.

1 for sharing thank you. – JonH Nov 19 '09 at 4:36 +1 Great example :) – xil3 Mar 1 at 22:44.

I've used basically the same idea for creating a tableless form layout. But, I use an unordered list to hold my labels and inputs. For example: Name Email Address: Comments: Agree to Terms?

The CSS styles can be just the same as what pcampbell has used in his example. The only difference for mine would be the addition of a style for the UL such as: ul {list-style: none; margin: 0; padding: 0;}.

1 for sharing thank you! – JonH Nov 19 '09 at 5:07.

Consider this article titled Tableless forms using CSS from CssDrive. A little bit of style really helps. I've been refactoring/replacing all my table'd forms with the pattern found in the article above.

With the following code: asp:textbox works perfectly, needs no modification for all kinds of textboxes asp:button works perfectly, needs no modification asp:checkbox would likely need modification, perhaps wrapped in another div with a special style Here's the basic example presented: The CSS: The HTML: Name Email Address: Comments: Agree to Terms?

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.