CSS form help — OZONE Asylum, home of the Mad Scientists

This page's ID: 10970

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	A few points to consider: 1. Perhaps tables are a good idea. Forms, after all, tend to be a type of tabular data, so there's nothing inheritly wrong with using tables to display them. Consider whether or not this is the case. Note that any tables that are used should be styled with CSS and not oldschool HTML properties such as cellpadding, cellborder, width, height, etc. 2. If you decide that tables aren't what you want, consider that it might be nice to use table algorithms to lay out the form, while still using normal <div> and <p> tags normally for your markup. There are special display values (such as display:table-row) that cause everyday tags to be treated as though they were table tags. This is theoretically a good solution to using CSS to lay out pages. However, IE/Win doesn't support it, so it's virtually useless. 3. The final resort is using floats. I suggest using the following structure for each field: <div><div class="labelcontainer"><label for="formelement1">Your Name:</label></div><div class="inputcontainer"><input type="text" id="formelement1" ... ></div></div> And then specifying the widths of both inner div's (that's important), and then try floating the left one to the left or the right one to the right. It'll be messy, though. Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post