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:224241
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
