subject:"OT\: CSS width in NS 7"

OT: CSS width in NS 7

2005-11-15 Thread Bryan Stevenson

Hey All,

Sorry for the OT...but yer a smart bunch ;-)

THE CODE:
fieldset

legendstrongGrouped 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:224240
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=11502.10531.4
Donations  Support: http://www.houseoffusion.com/tiny.cfm/54

Re: OT: CSS width in NS 7

2005-11-15 Thread Marlon Moyer

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

 legendstrongGrouped 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

Re: OT: CSS width in NS 7

2005-11-15 Thread Marlon Moyer

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
 
  legendstrongGrouped 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

OT: CSS width in NS 7

Re: OT: CSS width in NS 7

Re: OT: CSS width in NS 7

3 matches

Site Navigation

Mail list logo

Footer information