Thanks Mark and Marlon...
I must have missed some details specific to my issue...but with what you
both posted a made a hybrid that works for me (IE 6, Opera 7.54, NS 7). I'm
obviously still learning CSS beyond basic text styles ;-)
Here's what I ended up with:
<style type="text/css" media="all">
fieldset {float:left; padding-bottom: 5px;
padding-left:5px;padding-right:5px;}
fieldset div {float:left; margin-right: 2%;}
label {display:block; float:left; padding-top: 8px;}
input {margin-top: 5px;}
</style>
<form action="">
<fieldset style="width: 100%">
<legend><strong>Grouped things</strong></legend>
<div style="width: 300px;">
<label for="input1" class="NormalTextGrey" style="width: 100px;">Prompt
1</label>
<input type="text" name="input1" id="input1" />
</div>
<div style="width: 350px;">
<label for="input2" class="NormalTextGrey" style="width: 100px;">Prompt
text 2</label>
<input type="text" name="input2" id="input2" />
</div>
<div style="width: 300px;">
<label for="input3" class="NormalTextGrey" style="width: 100px;">Prompt
text 3</label>
<input type="text" name="input3" id="input3" />
</div>
<div style="width: 350px;">
<label for="input4" class="NormalTextGrey" style="width: 100px;">Prompt
4</label>
<input type="text" name="input4" id="input4" />
</div>
<div style="width: 300px;">
<label for="input5" class="NormalTextGrey" style="width: 100px;">Prompt
text 5</label>
<input type="text" name="input5" id="input5" />
</div>
<div style="width: 350px;">
<label for="input6" class="NormalTextGrey" style="width: 100px;">Prompt
text 6</label>
<input type="text" name="input6" id="input6" />
</div>
</fieldset>
</form>
I moved all of the width down into the code because depending on form layout
I may want to see 1 lable/prompt in a row or mabye 2 sets or more. So by
not having the widths set globally (and not having to setup a bunch of
layout specific styles), I can easliy adjust the layout as needed.
BTW the above is used to create 3 rows each with 2 form prompts with labels
on the left side...everything horizontally aligned in a page that is 768px
wide. If I change the width of my "350px" labels above (or change all width
to % and use more than 100%) to be larger then I get a layout with 6 rows
and 1 label/promt set on each row (sure beats the heck out of old tables).
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:224262
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
