Re-post Forms and input fields

Hi
I have a big form with a lot of input fields.
I would use a pretty CSS to make page more readable:
- what style do you use in this case? (label strictly near input field?
fixed-size label? )
- is a "toggled" div style the best way to do this?

thanx
I hope this time someone can help me...

--
ShadowMan

"ShadowMan" <shadman (AT) despammed (DOT) com> wrote in news:celepq$6j13
@intra09.infocamere.it:

Hi
I have a big form with a lot of input fields.
I would use a pretty CSS to make page more readable:
- what style do you use in this case? (label strictly near input field?
fixed-size label? )
- is a "toggled" div style the best way to do this?

It depends on many things. Namely, what fields does your form have? Do
you have an unCSSed version on the web somewhere?

--
Accessible web designs go easily unnoticed;
the others are remembered and avoided forever.

"Sam Hughes" <hughes (AT) rpi (DOT) edu> ha scritto nel messaggio
news:Xns9539B1FCB8510hughesrpiedu (AT) 130 (DOT) 133.1.4

Hi
I have a big form with a lot of input fields.
I would use a pretty CSS to make page more readable:
- what style do you use in this case? (label strictly near input
field? fixed-size label? )
- is a "toggled" div style the best way to do this?

It depends on many things. Namely, what fields does your form have?
Do you have an unCSSed version on the web somewhere?
no I'm design the page from "zero"...

I have personal data - address data (more than one) - options data - etc....

--
ShadowMan

"ShadowMan" <shadman (AT) despammed (DOT) com> wrote in news:celepq$6j13
@intra09.infocamere.it:

I have a big form with a lot of input fields.
I would use a pretty CSS to make page more readable:
- what style do you use in this case? (label strictly near input field?
fixed-size label? )
- is a "toggled" div style the best way to do this?

A good way to organize long forms is with a two-column table in which
labels are in the left column and fields (or groups of fields, such as
groups of checkboxes) are in the right column (after all, labels and
fields together _are_ a tabular form of information). Then perhaps use
this CSS to set the border of the table rather nicely (i.e. similar to
what the attribute border="1" would do):

form table { border: 1px outset #BBB; }
form table td {border: 1px inset #BBB; }

Then perhaps make all the left td's right-aligned. Perhaps browsers
understand colgroup and colelements... Then it would be...

<form [...]>
<table>
<colgroup><col align="right"><col></colgroup>
<tr><td>Name:</td><td><input type=" [etc]></td></tr>
<tr><td>.....

....

</table>
</form>

Then fiddle with the padding, margins, etc, and go from there. Perhaps
make padding-top and padding-bottom a considerably larger than zero for
table cells just to keep form fields extra-separated. Maybe that will
not be necessary, though.


--
In a room with thirty-seven people, never have everybody shake each
other's hand.