By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
458,122 Members | 2,044 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 458,122 IT Pros & Developers. It's quick & easy.

Multiple column input page

P: n/a
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..

Jun 27 '08 #1
Share this Question
Share on Google+
8 Replies


P: n/a

"Bruce A. Julseth" <ju***********@bellsouth.netwrote in message
news:e8*****************@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...
Jun 27 '08 #2

P: n/a
Bruce A. Julseth wrote:
"Bruce A. Julseth" <ju***********@bellsouth.netwrote in message
news:e8*****************@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>
....

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jun 27 '08 #3

P: n/a

"Jonathan N. Little" <lw*****@central.netwrote in message
news:d8**************************@NAXS.COM...
Bruce A. Julseth wrote:
>"Bruce A. Julseth" <ju***********@bellsouth.netwrote in message
news:e8*****************@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>
...

--
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
Jun 27 '08 #4

P: n/a

"Jonathan N. Little" <lw*****@central.netwrote in message
news:d8**************************@NAXS.COM...
Bruce A. Julseth wrote:
>"Bruce A. Julseth" <ju***********@bellsouth.netwrote in message
news:e8*****************@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>
...

--
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
Jun 27 '08 #5

P: n/a
Bruce A. Julseth wrote:
"Jonathan N. Little" <lw*****@central.netwrote in message
news:d8**************************@NAXS.COM...
>Bruce A. Julseth wrote:
>>"Bruce A. Julseth" <ju***********@bellsouth.netwrote in message
news:e8*****************@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>
...
>
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
Jun 27 '08 #6

P: n/a

"Jonathan N. Little" <lw*****@central.netwrote in message
news:d9***************************@NAXS.COM...
Bruce A. Julseth wrote:
>"Jonathan N. Little" <lw*****@central.netwrote in message
news:d8**************************@NAXS.COM...
>>Bruce A. Julseth wrote:
"Bruce A. Julseth" <ju***********@bellsouth.netwrote in message
news:e8*****************@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>
...
>>
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...
Jun 27 '08 #7

P: n/a

"Bruce A. Julseth" <ju***********@bellsouth.netwrote in message
news:oD*****************@bignews1.bellsouth.net...
>
"Jonathan N. Little" <lw*****@central.netwrote in message
news:d9***************************@NAXS.COM...
>Bruce A. Julseth wrote:
>>"Jonathan N. Little" <lw*****@central.netwrote in message
news:d8**************************@NAXS.COM...
Bruce A. Julseth wrote:
"Bruce A. Julseth" <ju***********@bellsouth.netwrote in message
news:e8*****************@bignews5.bellsouth.ne t...
>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..
Jun 27 '08 #8

P: n/a
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
Jun 27 '08 #9

This discussion thread is closed

Replies have been disabled for this discussion.