Solved

css two single select combo boxes with buttons between them

Posted on 2014-01-04
1
250 Views
Last Modified: 2014-01-05
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
Comment
Question by:jackjohnson44
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39756777
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

[Webinar] How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

636 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question