CODEWITHSUNDEEP
csslist
MultiDev
MultiDev

Reputation: 10649

Footer menu list to open up not down, jsfiddle included

I have a menu I'm using in the footer, and I would like to get the list items to open "up", not down.

Live sample: http://jsfiddle.net/tVCUr/1/

If someone could help me out with this I would really appreciate it.

P.S.- The height of the li items will vary, so I would like to avoid having to specify a height in pixels if possible.

Upvotes: 0

Views: 584

Answers (2)

adedoy
adedoy

Reputation: 2273

http://jsfiddle.net/tVCUr/4/

Just add to .dropmenu ul change the drop down: 

bottom:100%;

Upvotes: 0

Joseph Silber
Joseph Silber

Reputation: 220136

Simply add bottom: 100% to .dropmenu ul:

.dropmenu ul{
    position: absolute;
    bottom: 100%;
    display: none;
    width: 140px;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #ccc;
    background: #FFFFFF;
}

Here it is in your fiddle: http://jsfiddle.net/tVCUr/2/

Upvotes: 2

Related Questions