 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / June 2008Multiple 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.. > 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 [quoted text clipped - 10 lines] > > Thanks for the help.. Can someone help me with this problem? Is the wrong newsgroup to ask for help on this problem? Thanks... >> 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 [quoted text clipped - 15 lines] > > 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> ...  SignatureTake care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com >>> 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 [quoted text clipped - 33 lines] > </fieldset> > ... Jonathon: Thanks very much.. That works like a charm. Appreciate you taking the time to send it to me. Bruce >>> 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 [quoted text clipped - 33 lines] > </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.. Bruce >>>> 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 [quoted text clipped - 33 lines] >> </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> SignatureTake care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com >>>>> 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 [quoted text clipped - 60 lines] > <input name="baz" id="baz" type="text" size="20"> > </fieldset> 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'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 [quoted text clipped - 73 lines] > > Thanks... I think I have found it.. label.label2 { position: relative; left: 1em; } input.input2 { position: relative; left: 2em; } Look right? Thanks.. > My form is "Almost" complete. My current problem is trying to move the label > for the 2nd input field to the right. [quoted text clipped - 4 lines] > > 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... SignatureTake care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.