I have been working for a while on trying to build a mega menu for the college I work at. It's almost done so I can stick in in the page however the last two buttons I need to stick to the bottom right of the button instead of the bottom left. I can see in the code where I think to change that however when I do it changes all of them to go the other way. As you can see from my example I need especially the last two buttons to start from the opposite end of the button so they don't go off the page. http://www.losmedanos.edu/toTrash/menu/hovermenu-rightandleft.html

I think in the code this is it were I change both left to right however how to a define in the code only the last two go the other way? I know that the drop menu is asking for the class of sub and I tried to duplicate that and assign another class name like classright but the only thing that happened is the menu didn't work anymore. :(

I am not real fluent in CSS but I am assuming below is where I change it. How do I write it?

ul#topnav li .sub {

position: absolute;
top: 37px;
left: 0;
background:url(images/graybox.png) ;
padding: 20px 20px 20px;
float: left;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
display: none;

}

  • I had got a dream to begin my commerce, but I did not have enough amount of money to do this. Thank heaven my colleague told to utilize the <a href="http://goodfinance-blog.com/topics/personal-loans">personal loans</a>. So I received the credit loan and realized my old dream. PARKERVERNA24 almost 5 years ago

4 answers

0
points

change the absolute position left:0 to right:0 and tinker from there...

Answered over 6 years ago by Tony Crockford
eloine 0
0
points

Thank you, I already did that and that works to make the whole menu shift the other way. I would like only the last two buttons to go the opposite direction so it doesn't dissapear off the edge of the page. How would you define that? I see that the class of sub is where it's at and I tried to duplicate the code and give it a different class name of subright and changed the positioning. That didn't work though the menu just broke.

Answered over 6 years ago by eloine
eloine 0
0
points

I am getting close but my code is getting really messy now! I have the menus going in the right and left direction now but they are no longer lined up. I must need to mess with the overall wrap of the items and somehow get them to stick together http://www.losmedanos.edu/toTrash/menu/hovermenu-rightandleft2.html

Answered over 6 years ago by eloine
eloine 0
0
points

Ah ha - I think I got it. I made a set of buttons floating right and one floating left and then enclosed them in a div tag with the width that equaled the total of all the buttons and it seems to work!

Answered over 6 years ago by eloine