Professional Web Design: Techniques and Templates, Fourth Edition

Building the Form Row by Row 383
Adding the Options to Select Rows
The Options to Select rows add two more situations a designer may or may not
come across. The first is to include only a section title and nothing more in a row.
This is accomplished by merely not including a form field. The second is a little
more involved. It requires two things: (1) define appropriate margins for positioning
in the parent , which, in this case, sets the bottom margin to
20 pixels and the left margin to 80 pixels; and (2) use a table to lay out the form
fields in columns and rows. While the latter could be accomplished with CSS, the
more simple and straightforward route is to use a table. The code in Listing 14.10
shows how simple the table needs to be.
Listing 14.10
XHTML and CSS Code for Options to Select Row
Options To Select:
Sample
Text Option 1
Sample Text Option 2
Sample
Text Option 3
Sample Text Option 4
Game Developing GWX