[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 256
  • Last Modified:

css two single select combo boxes with buttons between them

Hi, I need help with some simple css to create the look of the attachment.  I would normally use tables since I suck at css, but I'd like to do it with divs.  It's just two tall single select lists with scroll bars and two buttons between them.  I am trying to achieve a look where there is a source on the left and a destination on the right.

I have a bootstrap template installed if that helps.
Capture.PNG
0
jackjohnson44
Asked:
jackjohnson44
1 Solution
 
GaryCommented:
Something like
http://jsfiddle.net/GaryC123/uNY3j/

<div>
<textarea></textarea>
<div>
    <button>Button</button><br>
    <button>Button</button>
</div>

<textarea></textarea>
</div>

Open in new window

<style>div {
    display:inline-block;
    height:200px
}
textarea {
    width:100px;
    height:200px
}
div div {
    vertical-align:top;
}

div button:first-child{
    margin-top:75px
}
div button:last-child{
    margin-top:10px
}</style>

Open in new window

0

Featured Post

Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

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