CSS drop-down navbar at bottom of page?

  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

So I'd like to have a navigation bar complete with drop-down menus made with css. Not unlike this one here:
http://xaetrex.net/voltecdesign/

The problem is I'd like it to be at the bottom of the page (as a footer). How would I get the drop-down menus to show up above the navbar instead of below it? Feel free to check out the css file for the navbar here:
http://xaetrex.net/voltecdesign/css/navbar.css

Any ideas?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • awatson
  • Novice
  • Novice
  • awatson
  • Posts: 20

Post 3+ Months Ago

It should be doable. You'd change the css so that the ULs that become visible when their parent's :hover is triggered have their position set using their bottom property, and tweak the setting so it's above the footer bar.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

You do everything the same as the other one but change the border to the top and margin-bottom to a negative number... although you would either need to make all boxes same size or have numerous different styles for each box if you do it this way.

I don't know of any other ways to do this.
  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

got it, used awatsons idea for using the bottom property as the one bogey suggested was too restricted in use:
Quote:
although you would either need to make all boxes same size or have numerous different styles for each box if you do it this way.


since my navbar is set to 23px tall, it was easy to set the ul containing the link to bottom:23px

good stuff

thanks to both of you!

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 41 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.