Sign In | Register Now About Bytes | Help | Site Map
Connecting Tech Pros Worldwide

Multiple column input page

Question posted by: Bruce A. Julseth (Guest) on June 27th, 2008 07:19 PM
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's Avatar
Bruce A. Julseth
Guest
n/a Posts
June 27th, 2008
07:19 PM
#2

Re: Multiple column input page

"Bruce A. Julseth" <julebj_nospam@bellsouth.netwrote in message
news:e8a7k.9889$PZ6.8336@bignews5.bellsouth.net...
Quote:
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's Avatar
Jonathan N. Little
Guest
n/a Posts
June 27th, 2008
07:19 PM
#3

Re: Multiple column input page
Bruce A. Julseth wrote:
Quote:
"Bruce A. Julseth" <julebj_nospam@bellsouth.netwrote in message
news:e8a7k.9889$PZ6.8336@bignews5.bellsouth.net...
Quote:
>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's Avatar
Bruce A. Julseth
Guest
n/a Posts
June 27th, 2008
07:19 PM
#4

Re: Multiple column input page

"Jonathan N. Little" <lws4art@central.netwrote in message
news:d8313$485f0965$40cba7a4$7500@NAXS.COM...
Quote:
Bruce A. Julseth wrote:
Quote:
>"Bruce A. Julseth" <julebj_nospam@bellsouth.netwrote in message
>news:e8a7k.9889$PZ6.8336@bignews5.bellsouth.net...
Quote:
>>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's Avatar
Bruce A. Julseth
Guest
n/a Posts
June 27th, 2008
07:19 PM
#5

Re: Multiple column input page

"Jonathan N. Little" <lws4art@central.netwrote in message
news:d8313$485f0965$40cba7a4$7500@NAXS.COM...
Quote:
Bruce A. Julseth wrote:
Quote:
>"Bruce A. Julseth" <julebj_nospam@bellsouth.netwrote in message
>news:e8a7k.9889$PZ6.8336@bignews5.bellsouth.net...
Quote:
>>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's Avatar
Jonathan N. Little
Guest
n/a Posts
June 27th, 2008
07:19 PM
#6

Re: Multiple column input page
Bruce A. Julseth wrote:
Quote:
"Jonathan N. Little" <lws4art@central.netwrote in message
news:d8313$485f0965$40cba7a4$7500@NAXS.COM...
Quote:
>Bruce A. Julseth wrote:
Quote:
>>"Bruce A. Julseth" <julebj_nospam@bellsouth.netwrote in message
>>news:e8a7k.9889$PZ6.8336@bignews5.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>
>...

Quote:
>
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.nextrow { 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's Avatar
Bruce A. Julseth
Guest
n/a Posts
June 27th, 2008
07:20 PM
#7

Re: Multiple column input page

"Jonathan N. Little" <lws4art@central.netwrote in message
news:d9584$48602cfb$40cba7b5$20440@NAXS.COM...
Quote:
Bruce A. Julseth wrote:
Quote:
>"Jonathan N. Little" <lws4art@central.netwrote in message
>news:d8313$485f0965$40cba7a4$7500@NAXS.COM...
Quote:
>>Bruce A. Julseth wrote:
>>>"Bruce A. Julseth" <julebj_nospam@bellsouth.netwrote in message
>>>news:e8a7k.9889$PZ6.8336@bignews5.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>
>>...

>
Quote:
>>
>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.nextrow { 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's Avatar
Bruce A. Julseth
Guest
n/a Posts
June 27th, 2008
07:20 PM
#8

Re: Multiple column input page

"Bruce A. Julseth" <julebj_nospam@bellsouth.netwrote in message
news:oDc8k.13006$Xe.3258@bignews1.bellsouth.net...
Quote:
>
"Jonathan N. Little" <lws4art@central.netwrote in message
news:d9584$48602cfb$40cba7b5$20440@NAXS.COM...
Quote:
>Bruce A. Julseth wrote:
Quote:
>>"Jonathan N. Little" <lws4art@central.netwrote in message
>>news:d8313$485f0965$40cba7a4$7500@NAXS.COM...
>>>Bruce A. Julseth wrote:
>>>>"Bruce A. Julseth" <julebj_nospam@bellsouth.netwrote in message
>>>>news:e8a7k.9889$PZ6.8336@bignews5.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>
>>>...

>>
Quote:
>>>
>>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.nextrow { 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's Avatar
Jonathan N. Little
Guest
n/a Posts
June 27th, 2008
07:20 PM
#9

Re: Multiple column input page
Bruce A. Julseth wrote:
Quote:
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

 
Not the answer you were looking for? Post your question . . .
189,758 Experts ready to help you find a solution.
Sign up for a free account, or Login (if you're already a member).

Latest Articles: Read & Comment
  • Didn't find the answer you were looking for?
    Post Your Question
  • Top Community Contributors