Drop up menu

I would like to make this menu "drop up" instead of "drop down", is this possible?

<select onchange="calcRoute();" id="travel-mode-input" style="margin-left:5px;">
      <option value="DRIVING" selected="selected">By car</option>
      <option value="BICYCLING">Bicycling</option>
      <option value="WALKING">Walking</option>
    </select>
seoptiAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
LZ1Connect With a Mentor Commented:
Form elements, such as radio buttons, check boxes and select menus are browser/OS dependent.  

The way a menu "drops" is dependent solely on where the page is positioned when the menu is drawn.  If your page is all the way at the top and your select box is also at the top, it will automatically drop "down".  

However, if your page is near the bottom and so is the select box, then the menu will expand "up".  

The only thing you may be able to do, if you really want/need to, is use Jquery or Javascript.  You can then restyle your form elements to look and function the way you want.
0
 
Evan CutlerVolunteer Chief Information OfficerCommented:
For a Ready Made product for you: http://www.stunicholls.com/menu/skeleton_up.html

However, you can make your own, if you do a "view source" on this page: http://aplus.rs/adxmenu/examples/hbt/
That's what it's there for.

Tweak as you want.

it's CSS
0
 
d4durveshCommented:
Yes it is possible, please take a look at following,

stackoverflow.com/questions/7814186/drop-down-menu-that-opens-up-upward-with-pure-css
0
 
GaryCommented:
I've requested that this question be closed as follows:

Accepted answer: 500 points for LZ1's comment #a37807543

for the following reason:

This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0
All Courses

From novice to tech pro — start learning today.