Multiple column input page

[Bruce A. Julseth]

I'm "Failing" a trying to create a multicolum text input page. I have found
many examples of two column pages where the first column is the field label
and the second column is input text box. But, I can't find something like:

-label- -Text input- -label- -text input-

Additional rows might have up to 4 or 5 label/text combinations.

Is this the place that I give up trying to format with CSS and use tables?

BTW: I am a "newbie" with respect to CSS.

Thanks for the help..

[Bruce A. Julseth]

Re: Multiple column input page


"Bruce A. Julseth" <julebj_nospam@ bellsouth.netwr ote in message
news:e8a7k.9889 $PZ6.8336@bigne ws5.bellsouth.n et...

I'm "Failing" a trying to create a multicolum text input page. I have
found many examples of two column pages where the first column is the
field label and the second column is input text box. But, I can't find
something like:
>
-label- -Text input- -label- -text input-
>
Additional rows might have up to 4 or 5 label/text combinations.
>
Is this the place that I give up trying to format with CSS and use tables?
>
BTW: I am a "newbie" with respect to CSS.
>
Thanks for the help..
>
>
>

Can someone help me with this problem? Is the wrong newsgroup to ask for
help on this problem?

Thanks...

[Jonathan N. Little]

Re: Multiple column input page

Bruce A. Julseth wrote:

"Bruce A. Julseth" <julebj_nospam@ bellsouth.netwr ote in message
news:e8a7k.9889 $PZ6.8336@bigne ws5.bellsouth.n et...

>I'm "Failing" a trying to create a multicolum text input page. I have
>found many examples of two column pages where the first column is the
>field label and the second column is input text box. But, I can't find
>something like:
>>
> -label- -Text input- -label- -text input-
>>
>Additional rows might have up to 4 or 5 label/text combinations.
>>
>Is this the place that I give up trying to format with CSS and use tables?
>>
>BTW: I am a "newbie" with respect to CSS.
>>
>Thanks for the help..
>>
>>
>>

>
Can someone help me with this problem? Is the wrong newsgroup to ask for
help on this problem?
>
Thanks...
>
>

CSS

fieldset { border: 0; float: left; }

HTML


....
<fieldset>
<label for="foo">FOO:</label>
<input name="foo" id="foo" type="text" size="20">
</fieldset>

<fieldset>
<label for="bar">BAR:</label>
<input name="bar" id="bar" type="text" size="20">
</fieldset>
....

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

http://www.LittleWorksStudio.com

[Bruce A. Julseth]

Re: Multiple column input page


"Jonathan N. Little" <lws4art@centra l.netwrote in message
news:d8313$485f 0965$40cba7a4$7 500@NAXS.COM...

Bruce A. Julseth wrote:

>"Bruce A. Julseth" <julebj_nospam@ bellsouth.netwr ote in message
>news:e8a7k.988 9$PZ6.8336@bign ews5.bellsouth. net...

>>I'm "Failing" a trying to create a multicolum text input page. I have
>>found many examples of two column pages where the first column is the
>>field label and the second column is input text box. But, I can't find
>>something like:
>>>
>> -label- -Text input- -label- -text input-
>>>
>>Additional rows might have up to 4 or 5 label/text combinations.
>>>
>>Is this the place that I give up trying to format with CSS and use
>>tables?
>>>
>>BTW: I am a "newbie" with respect to CSS.
>>>
>>Thanks for the help..
>>>
>>>
>>>

>>
>Can someone help me with this problem? Is the wrong newsgroup to ask for
>help on this problem?
>>
>Thanks...

CSS
>
fieldset { border: 0; float: left; }
>
HTML
>
>
...
<fieldset>
<label for="foo">FOO:</label>
<input name="foo" id="foo" type="text" size="20">
</fieldset>
>
<fieldset>
<label for="bar">BAR:</label>
<input name="bar" id="bar" type="text" size="20">
</fieldset>
...
>
--
Take care,
>
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Jonathon:

Thanks very much.. That works like a charm. Appreciate you taking the time
to send it to me.

Bruce

[Bruce A. Julseth]

Re: Multiple column input page


"Jonathan N. Little" <lws4art@centra l.netwrote in message
news:d8313$485f 0965$40cba7a4$7 500@NAXS.COM...

Bruce A. Julseth wrote:

>"Bruce A. Julseth" <julebj_nospam@ bellsouth.netwr ote in message
>news:e8a7k.988 9$PZ6.8336@bign ews5.bellsouth. net...

>>I'm "Failing" a trying to create a multicolum text input page. I have
>>found many examples of two column pages where the first column is the
>>field label and the second column is input text box. But, I can't find
>>something like:
>>>
>> -label- -Text input- -label- -text input-
>>>
>>Additional rows might have up to 4 or 5 label/text combinations.
>>>
>>Is this the place that I give up trying to format with CSS and use
>>tables?
>>>
>>BTW: I am a "newbie" with respect to CSS.
>>>
>>Thanks for the help..
>>>
>>>
>>>

>>
>Can someone help me with this problem? Is the wrong newsgroup to ask for
>help on this problem?
>>
>Thanks...

CSS
>
fieldset { border: 0; float: left; }
>
HTML
>
>
...
<fieldset>
<label for="foo">FOO:</label>
<input name="foo" id="foo" type="text" size="20">
</fieldset>
>
<fieldset>
<label for="bar">BAR:</label>
<input name="bar" id="bar" type="text" size="20">
</fieldset>
...
>
--
Take care,
>
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

This works for a single line but now how do I force the next group of input
fields to start in the left edge.

Thanks..

Bruce

[Jonathan N. Little]

Re: Multiple column input page

Bruce A. Julseth wrote:

"Jonathan N. Little" <lws4art@centra l.netwrote in message
news:d8313$485f 0965$40cba7a4$7 500@NAXS.COM...

>Bruce A. Julseth wrote:

>>"Bruce A. Julseth" <julebj_nospam@ bellsouth.netwr ote in message
>>news:e8a7k.98 89$PZ6.8336@big news5.bellsouth .net...
>>>I'm "Failing" a trying to create a multicolum text input page. I have
>>>found many examples of two column pages where the first column is the
>>>field label and the second column is input text box. But, I can't find
>>>something like:
>>>>
>>> -label- -Text input- -label- -text input-
>>>>
>>>Additional rows might have up to 4 or 5 label/text combinations.
>>>>
>>>Is this the place that I give up trying to format with CSS and use
>>>tables?
>>>>
>>>BTW: I am a "newbie" with respect to CSS.
>>>>
>>>Thanks for the help..
>>>>
>>>>
>>>>
>>Can someone help me with this problem? Is the wrong newsgroup to ask for
>>help on this problem?
>>>
>>Thanks...

>CSS
>>
>fieldset { border: 0; float: left; }
>>
>HTML
>>
>>
>...
><fieldset>
><label for="foo">FOO:</label>
><input name="foo" id="foo" type="text" size="20">
></fieldset>
>>
><fieldset>
><label for="bar">BAR:</label>
><input name="bar" id="bar" type="text" size="20">
></fieldset>
>...

>
This works for a single line but now how do I force the next group of input
fields to start in the left edge.
>
Thanks..

Need to research "clear", try tutorials at www.htmldog.com

CSS
fieldset.nextro w { clear: left; }

HTML

<fieldset>
<label for="foo">FOO:</label>
<input name="foo" id="foo" type="text" size="20">
</fieldset>

<fieldset>
<label for="bar">BAR:</label>
<input name="bar" id="bar" type="text" size="20">
</fieldset>

<fieldset class="nextrow" >
<label for="baz">BAZ:</label>
<input name="baz" id="baz" type="text" size="20">
</fieldset>

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

http://www.LittleWorksStudio.com

[Bruce A. Julseth]

Re: Multiple column input page


"Jonathan N. Little" <lws4art@centra l.netwrote in message
news:d9584$4860 2cfb$40cba7b5$2 0440@NAXS.COM.. .

Bruce A. Julseth wrote:

>"Jonathan N. Little" <lws4art@centra l.netwrote in message
>news:d8313$485 f0965$40cba7a4$ 7500@NAXS.COM.. .

>>Bruce A. Julseth wrote:
>>>"Bruce A. Julseth" <julebj_nospam@ bellsouth.netwr ote in message
>>>news:e8a7k.9 889$PZ6.8336@bi gnews5.bellsout h.net...
>>>>I'm "Failing" a trying to create a multicolum text input page. I have
>>>>found many examples of two column pages where the first column is the
>>>>field label and the second column is input text box. But, I can't find
>>>>something like:
>>>>>
>>>> -label- -Text input- -label- -text input-
>>>>>
>>>>Additiona l rows might have up to 4 or 5 label/text combinations.
>>>>>
>>>>Is this the place that I give up trying to format with CSS and use
>>>>tables?
>>>>>
>>>>BTW: I am a "newbie" with respect to CSS.
>>>>>
>>>>Thanks for the help..
>>>>>
>>>>>
>>>>>
>>>Can someone help me with this problem? Is the wrong newsgroup to ask
>>>for help on this problem?
>>>>
>>>Thanks...
>>CSS
>>>
>>fieldset { border: 0; float: left; }
>>>
>>HTML
>>>
>>>
>>...
>><fieldset>
>><label for="foo">FOO:</label>
>><input name="foo" id="foo" type="text" size="20">
>></fieldset>
>>>
>><fieldset>
>><label for="bar">BAR:</label>
>><input name="bar" id="bar" type="text" size="20">
>></fieldset>
>>...

>

>>
>This works for a single line but now how do I force the next group of
>input fields to start in the left edge.
>>
>Thanks..

>
Need to research "clear", try tutorials at www.htmldog.com
>
CSS
fieldset.nextro w { clear: left; }
>
HTML
>
<fieldset>
<label for="foo">FOO:</label>
<input name="foo" id="foo" type="text" size="20">
</fieldset>
>
<fieldset>
<label for="bar">BAR:</label>
<input name="bar" id="bar" type="text" size="20">
</fieldset>
>
<fieldset class="nextrow" >
<label for="baz">BAZ:</label>
<input name="baz" id="baz" type="text" size="20">
</fieldset>
>
--
Take care,
>
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Thanks again for your help.

My form is "Almost" complete. My current problem is trying to move the label
for the 2nd input field to the right.

Label1 Input1 Label2 Input2

I want to put more space between "Input1" and "Label2".

Everything I've tried has "messed up" the form..

Thanks...

[Bruce A. Julseth]

Re: Multiple column input page


"Bruce A. Julseth" <julebj_nospam@ bellsouth.netwr ote in message
news:oDc8k.1300 6$Xe.3258@bigne ws1.bellsouth.n et...

>
"Jonathan N. Little" <lws4art@centra l.netwrote in message
news:d9584$4860 2cfb$40cba7b5$2 0440@NAXS.COM.. .

>Bruce A. Julseth wrote:

>>"Jonathan N. Little" <lws4art@centra l.netwrote in message
>>news:d8313$48 5f0965$40cba7a4 $7500@NAXS.COM. ..
>>>Bruce A. Julseth wrote:
>>>>"Bruce A. Julseth" <julebj_nospam@ bellsouth.netwr ote in message
>>>>news:e8a7k. 9889$PZ6.8336@b ignews5.bellsou th.net...
>>>>>I'm "Failing" a trying to create a multicolum text input page. I have
>>>>>found many examples of two column pages where the first column is the
>>>>>field label and the second column is input text box. But, I can't
>>>>>find something like:
>>>>>>
>>>>> -label- -Text input- -label- -text input-
>>>>>>
>>>>>Addition al rows might have up to 4 or 5 label/text combinations.
>>>>>>
>>>>>Is this the place that I give up trying to format with CSS and use
>>>>>tables?
>>>>>>
>>>>>BTW: I am a "newbie" with respect to CSS.
>>>>>>
>>>>>Thanks for the help..
>>>>>>
>>>>>>
>>>>>>
>>>>Can someone help me with this problem? Is the wrong newsgroup to ask
>>>>for help on this problem?
>>>>>
>>>>Thanks...
>>>CSS
>>>>
>>>fieldset { border: 0; float: left; }
>>>>
>>>HTML
>>>>
>>>>
>>>...
>>><fieldset>
>>><label for="foo">FOO:</label>
>>><input name="foo" id="foo" type="text" size="20">
>>></fieldset>
>>>>
>>><fieldset>
>>><label for="bar">BAR:</label>
>>><input name="bar" id="bar" type="text" size="20">
>>></fieldset>
>>>...

>>

>>>
>>This works for a single line but now how do I force the next group of
>>input fields to start in the left edge.
>>>
>>Thanks..

>>
>Need to research "clear", try tutorials at www.htmldog.com
>>
>CSS
>fieldset.nextr ow { clear: left; }
>>
>HTML
>>
><fieldset>
><label for="foo">FOO:</label>
><input name="foo" id="foo" type="text" size="20">
></fieldset>
>>
><fieldset>
><label for="bar">BAR:</label>
><input name="bar" id="bar" type="text" size="20">
></fieldset>
>>
><fieldset class="nextrow" >
><label for="baz">BAZ:</label>
><input name="baz" id="baz" type="text" size="20">
></fieldset>
>>
>--
>Take care,
>>
>Jonathan
>-------------------
>LITTLE WORKS STUDIO
>http://www.LittleWorksStudio.com

>
Thanks again for your help.
>
My form is "Almost" complete. My current problem is trying to move the
label for the 2nd input field to the right.
>
Label1 Input1 Label2 Input2
>
I want to put more space between "Input1" and "Label2".
>
Everything I've tried has "messed up" the form..
>
Thanks...
>

I think I have found it..

label.label2 {

position: relative;
left: 1em;
}

input.input2 {
position: relative;
left: 2em;
}

Look right?

Thanks..

[Jonathan N. Little]

Re: Multiple column input page

Bruce A. Julseth wrote:

My form is "Almost" complete. My current problem is trying to move the label
for the 2nd input field to the right.
>
Label1 Input1 Label2 Input2
>
I want to put more space between "Input1" and "Label2".
>
Everything I've tried has "messed up" the form..
>

What have you tried...a URL please.

Also, rather than code-monkey your way through the process, at least
review the basics of CSS at www.htmldog.com It might save you a lot of
trial and error work...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

http://www.LittleWorksStudio.com