SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    415
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Difficult Megamenu?

    Hi guys,

    I may have caused myself more issues with a photoshop design that i have come up with.
    http://invisiblewebdesign.co.uk/temp...tinations.html
    How would you do the mega menu as the design? Do i use a div? do i use nested li? The menu needs to be a specific height and the li items will need to wrap as you can see under europe.

    Any guidance or some examples (please dont worry re:styling, as i can do this)

    Thanks

    Rodent

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,117
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    You need to add position: relative to #wrapper if you want the footer positioned relative to that element.
    Check out the FAQ on sticky footers for a more robust solution.

  3. #3
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    415
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by markbrown4 View Post
    You need to add position: relative to #wrapper if you want the footer positioned relative to that element.
    Check out the FAQ on sticky footers for a more robust solution.
    sorry..i think you miss-understood. I was referring to the Destinations dropdown at the top navigation when you hover the mouse over the destinations text. The footer is not a problem.

    Rodent

  4. #4
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,117
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Oh, Sorry. That reply was for another thread. Not sure how that happened

    Yes, that design does make things a little difficult as you'll need to specifically position the different elements for it to work.
    HTML Code:
    <li>Top destinations
      <ul>
        <li><a href="#">Algarve</a></li>
        ...
      </ul>
    </li>
    A nested list is appropriate for the mega menu, you'll probably just need id's on each nested list so that you can position them where you need.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •