Creating vertical columns for form elements


show more Creating vertical columns for form elements provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics show less
please wait ...

Creating vertical columns for form elements

In a previous exercise we gave layout definition to the input text boxes and their associated labels. In this exercise we are going to turn attention to stacking groups of checkboxes in vertical columns. Now as we look at our own form, just below our Name and Email input text fields we have I would like information about the following and then we have a group of four checkboxes, consultation, sculpture, paintings and photography. But right now they are not looking all that great and it's really hard to ascertain who is who and what pertains to what. So we are going to go ahead and style these elements visually in a two- column layout. We are going to do this by nesting each column of checkboxes inside a container div tag and then floating the checkboxes inside the div tags.

Now this may seem like non-semantic markup, and in a way that's true, but when you have a lot of checkboxes, these are only four of them but let's say you have 15 of them or 12 of them or 18 of them, grou...

Creating vertical columns for form elements
Video duration: 7m 47s 11h 10m Intermediate

Viewers:

Creating vertical columns for form elements provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...