Multiple column input page

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" <julebj_nospam (AT) bellsouth (DOT) net> wrote

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

Bruce A. Julseth wrote:

"Bruce A. Julseth" <julebj_nospam (AT) bellsouth (DOT) net> wrote in message
news:e8a7k.9889$PZ6.8336 (AT) bignews5 (DOT) 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

"Jonathan N. Little" <lws4art (AT) central (DOT) net> wrote

Bruce A. Julseth wrote:
"Bruce A. Julseth" <julebj_nospam (AT) bellsouth (DOT) net> wrote in message
news:e8a7k.9889$PZ6.8336 (AT) bignews5 (DOT) 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

"Jonathan N. Little" <lws4art (AT) central (DOT) net> wrote

Bruce A. Julseth wrote:
"Bruce A. Julseth" <julebj_nospam (AT) bellsouth (DOT) net> wrote in message
news:e8a7k.9889$PZ6.8336 (AT) bignews5 (DOT) 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

Bruce A. Julseth wrote:

"Jonathan N. Little" <lws4art (AT) central (DOT) net> wrote in message
news:d8313$485f0965$40cba7a4$7500 (AT) NAXS (DOT) COM...
Bruce A. Julseth wrote:
"Bruce A. Julseth" <julebj_nospam (AT) bellsouth (DOT) net> wrote in message
news:e8a7k.9889$PZ6.8336 (AT) bignews5 (DOT) 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.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

"Jonathan N. Little" <lws4art (AT) central (DOT) net> wrote

Bruce A. Julseth wrote:
"Jonathan N. Little" <lws4art (AT) central (DOT) net> wrote in message
news:d8313$485f0965$40cba7a4$7500 (AT) NAXS (DOT) COM...
Bruce A. Julseth wrote:
"Bruce A. Julseth" <julebj_nospam (AT) bellsouth (DOT) net> wrote in message
news:e8a7k.9889$PZ6.8336 (AT) bignews5 (DOT) 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.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" <julebj_nospam (AT) bellsouth (DOT) net> wrote

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

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