here's a link to accompany my answer:
http://www.quirksmode.org/css/forms.html
On 11/15/05, Marlon Moyer <[EMAIL PROTECTED]> wrote:
> by default labels are inline elements which shouldn't follow the width
> declaration. In your css you can set up the following:
>
> <style>
> label {display:block;float:left;}
> </style>
>
> Then all the labels will follow the width declaration. Of course, you
> open a whole new can of worms with the float :)
>
>
> On 11/15/05, Bryan Stevenson <[EMAIL PROTECTED]> wrote:
> > Hey All,
> >
> > Sorry for the OT...but yer a smart bunch ;-)
> >
> > THE CODE:
> > <fieldset>
> >
> > <legend><strong>Grouped things</strong></legend>
> >
> > <div style="display: block; margin: 5px; padding: 5px; width: 100%";>
> > <label for="input1" class="NormalTextGrey" style="width: 100px;">Prompt
> > 1</label>
> > <input type="text" name="input1" id="input1" />
> > <label for="input2" class="NormalTextGrey" style="width: 100px;">Prompt
> > text 2</label>
> > <input type="text" name="input2" id="input2" />
> > <br>
> > <label for="input3" class="NormalTextGrey" style="width: 100px;">Prompt
> > text 3</label>
> > <input type="text" name="input3" id="input3" />
> > <!--- <span style="width: 100px;">Prompt 4</span> --->
> > <label for="input4" class="NormalTextGrey" style="width: 100px;">Prompt
> > 4</label>
> > <input type="text" name="input4" id="input4" />
> > <br>
> > <label for="input5" class="NormalTextGrey" style="width: 100px;">Prompt
> > text 5</label>
> > <input type="text" name="input5" id="input5" />
> > <label for="input6" class="NormalTextGrey" style="width: 100px;">Prompt
> > text 6</label>
> > <input type="text" name="input6" id="input6" />
> > </div>
> >
> > </fieldset>
> >
> > THE PROBLEM:
> >
> > The style="width: 100px;" is totally ignored in NS 7 but fine in IE 6 and
> > Opera 7+. So instead of inputs all left justified, I get them staggered
> > depending upon the length of the prompt text (basically like collapsing
> > cells in a table)...looks awful.
> >
> > Any tips?
> >
> > TIA
> >
> > Cheers
> >
> > Bryan Stevenson B.Comm.
> > VP & Director of E-Commerce Development
> > Electric Edge Systems Group Inc.
> > phone: 250.480.0642
> > fax: 250.480.1264
> > cell: 250.920.8830
> > e-mail: [EMAIL PROTECTED]
> > web: www.electricedgesystems.com
> >
> >
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Logware (www.logware.us): a new and convenient web-based time tracking
application. Start tracking and documenting hours spent on a project or with a
client with Logware today. Try it for free with a 15 day trial account.
http://www.houseoffusion.com/banners/view.cfm?bannerid=67
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:224243
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
