CSS drop-down navbar at bottom of page?

  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Joined: Aug 04, 2008
  • Posts: 846
  • Status: Offline

Post May 17th, 2009, 10:12 pm

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?
Use your words like arrows to shoot toward your goal.
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post May 17th, 2009, 10:12 pm

  • awatson
  • Novice
  • Novice
  • No Avatar
  • Joined: Apr 15, 2009
  • Posts: 20
  • Status: Offline

Post May 18th, 2009, 1:55 pm

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
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post May 18th, 2009, 2:18 pm

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.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Joined: Aug 04, 2008
  • Posts: 846
  • Status: Offline

Post May 19th, 2009, 5:59 pm

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!
Use your words like arrows to shoot toward your goal.

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 184 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
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.