I, on the other hand, love form styling :)
this is what I came out, a bit heavy on markup but it works
consistently accross browsers, including IE 5 (except extra line-
height).
<div class="form">
<span class="col_left"><label for="title">Subject: </label></span>
<span class="col_right"><input name="title" id="title" type="text"
size="40" value="insert value" /> </span>
</div>
I used to use "label" and "input" for floated left and right.
label {float: left}
input {float:right}
<div class="form">
<label for="title">Subject: </label>
<input name="title" id="title" type="text" size="40" value="insert
value" />
</div>
but with checkbox, which the label tag is on the right and I found
that the floated left 'label' was conflicting with it, so I decided
that adding extra span classes works better and less headache with
IEs; If I remember correctly, IE didnt' behave quite well without
extra span classes.
<div class="form">
<span class="col_left">What fruit do you like?:</span>
<span class="col_right">
<input id="chk2_0" name="fruit" type="checkbox" value="apple" />
<label for="chk2_0"> Apple</label><br />
<input id="chk2_1" name="fruit" type="checkbox" value="orange" />
<label for="chk2_1"> Orange</label><br />
<input id="chk2_2" name="fruit" type="checkbox" value="durian" />
<label for="chk2_2"> Durian</label>
</span>
This is my latest creation that includes :active and :focus, and is
WCAG AAA compliant. You are welcome to use my code.
http://tinyurl.com/2b8ban
tee
On Sep 26, 2007, at 10:15 AM, Tom Livingston wrote:
Hello list,
OK, I hate form styling. It's my least favorite thing. I have started
using Eric Meyer's "Reset" style sheet. Does anyone have a favorite
resource for dealing with forms. I am tired of resorting to... [cough]
tables. I do manage on occasion to pull it off w/o tables, but it's
always a struggle. Especially where labels are to the left of text
inputs.
Thanks a bunch in advance.
--
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
