untitled

(John Hannent) #1
If you need to build a form (such as a series of text boxes for the user to fill
in to register with your site, or order some goods), you might be tempted to
revert to tables. But, like tables, forms can easily be built using CSS alone.
Create CSS rules for the row, label, label value, left side of the form and right
side of the form. Now build a row in the HTML code of your page, insert the
left content, right content, and then use a spacer to clear the floats. Next
build another row. You can even get fancy and include headers and footers
for forms, too. Building forms with CSS can be painful at first, until you learn
the techniques, but it has the usual benefits of resulting in less markup code
and more control over the final result.

Figure 12-15:
When the
browser
is resized,
the columns
remain
frozen
in place.


Chapter 12: Handling Tables and Lists (And Doing Away with Tables) 231

Free download pdf