> Can someone point me to a good online tutorial describing various
> techniques for tableless form layout?


I have found the techniques described in this A List Apart Article very helpful.
http://www.alistapart.com/articles/prettyaccessibleforms/


> If possible, I'd like to create some forms that would allow me to use CSS
> to switch between two common layouts - one in columns and the other
> line-oriented.  That is:
>
> Name  [               ]
> Email [               ]
>
>
> Name
> [               ]
>
> Email
> [               ]

Under the styling the form section, I think you can change the selector for 
form.cmxform label display from inline-block to block to meet your second 
example.

form.cmxform label {
  display: inline-block;    <---- Change to block;
  line-height: 1.8;
  vertical-align: top;
}

Hope this helps,

Jason Snipes


 






 NOTE: This is a Forsyth County operated e-mail system. ALL e-Mail 
communication is subject to be accessed by the news media and the public 
pursuant to the Public Records Law of North Carolina.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to