• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 222
  • Last Modified:

I would like to have 2 html drop down select forms on the same line

I have these 2 drop down select forms that I would like to have on the same line.  Right now they are on seperate lines with one above the other.

<FORM action="http://somesite.com/prog/adduser" method="post">
             <select onchange=\"window.open(this.options[this.selectedIndex].value,'_top')\">
             <option value=\"\">something here...</option>
             <option value=\"\">another one...</option>
             </select>
</FORM>
            
<FORM action="http://somesite.com/prog/adduser" method="post">
             <select onchange=\"window.open(this.options[this.selectedIndex].value,'_top')\">
             <option value=\"\">something here...</option>
             <option value=\"\">another one...</option>
             </select>
</FORM>
0
dmalovich
Asked:
dmalovich
  • 3
  • 2
1 Solution
 
Greg AlexanderLead DeveloperCommented:
Try this
<div style="float:left">
<FORM action="http://somesite.com/prog/adduser" method="post">
             <select onchange=\"window.open(this.options[this.selectedIndex].value,'_top')\">
             <option value=\"\">something here...</option>
             <option value=\"\">another one...</option>
             </select>
</FORM>
</div> 
<div style="float:left">
<FORM action="http://somesite.com/prog/adduser" method="post">
             <select onchange=\"window.open(this.options[this.selectedIndex].value,'_top')\">
             <option value=\"\">something here...</option>
             <option value=\"\">another one...</option>
             </select>
</FORM>
</div>

Open in new window

0
 
Tom BeckCommented:
You can add  style="float:left;" to each form.
<FORM action="http://somesite.com/prog/adduser" method="post" style="float:left;">
0
 
dmalovichAuthor Commented:
It worked in mozilla but not in ie7.  Is there anyway it can be done in ie7
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
dmalovichAuthor Commented:
Correction: galexander07 your solution did work.  Is there anyway to seperate the 2 drop downs?
0
 
Greg AlexanderLead DeveloperCommented:
You could add padding to it
<div style="float:left; padding-right:10px;">
<FORM action="http://somesite.com/prog/adduser" method="post">
             <select onchange=\"window.open(this.options[this.selectedIndex].value,'_top')\">
             <option value=\"\">something here...</option>
             <option value=\"\">another one...</option>
             </select>
</FORM>
</div> 
<div style="float:left">
<FORM action="http://somesite.com/prog/adduser" method="post">
             <select onchange=\"window.open(this.options[this.selectedIndex].value,'_top')\">
             <option value=\"\">something here...</option>
             <option value=\"\">another one...</option>
             </select>
</FORM>
</div>

Open in new window

0
 
dmalovichAuthor Commented:
Thanks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now