Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Mar 2013
    Posts
    5
    Member #
    35597
    Hi,

    I have put together a slider which has the buttons on the right border of the container div. When i click the button a container should fly out to the left inline with the button. There are hundreds of examples of this but they are all on the far edge of the screen and not sitting in the edge of a div like mine.

    So my question is how can I adapt the following so that the container flies out from the div and not the edge of the screen, here is the css:

    Code:
    panel {
      right: 0;
        top: 400px;
    position: absolute;
    display: none;
    background: #000000;
    border:1px solid #111111;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    width: 330px;
    height: auto;
    padding: 30px 130px 30px 30px;
    filter: alpha(opacity=85);
    opacity: .85;
    }

  2.  

  3. #2
    Junior Member
    Join Date
    Mar 2013
    Posts
    5
    Member #
    35597
    Cancel that, I fixed it with "float" instead of position absolute. Tired brain and eyes not seeing the obvious

  4. #3
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    I'm glad you got it sorted - and thanks for posting the fix - it may help someone else!
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!


Remove Ads

Posting Permissions

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

Search tags for this page

webdesign flyout buttons -menu

Click on a term to search for related topics.
All times are GMT -6. The time now is 01:43 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com