SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2011
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    What to do when my sidebar list gets too long?

    Hello! Please take a look at my site:

    Test Flyout Lists

    OK, I understand that the bottom of the gradient is going to be the bottom of the sidebar. So, as I hover over Item 15, I want to tell CSS "Okay, this list I'm about to display is going to be too long, so let's disregard the "top: 10px" line and have the submenu sit with its last item right at the bottom aligned with the bottom of the gradient." That way, we know for sure that the submenu will not reach past the height of the body, and the last item will be visible. The bottom of the last item's cell should "hug" the bottom of the page/gradient. Does anybody know how to do this?

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,791
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    i dont actually understand your question, but I think i understand your goal.

    I would suggest a different approach all together... 2/3 of the way into the list add a class to the base LI, <li class="midpoint">.

    then you can use it as a point of reference, .midpoint~li :hover {bottom:10px; top:auto;}

    hope that helps


Tags for this Thread

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
  •