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 7 of 7
  1. #1
    Junior Member
    Join Date
    Jul 2011
    Posts
    3
    Member #
    28744
    Hola!

    I'll give you a little background before I ask you guys my question!

    I have a Header, a rectangle of 800x100 and directly below that I have Spry Collabsible panels stacked on top of each other with my menu items 'Home' 'About us' etc.

    My question is... does anyone know of a way I could vertically center everything on the page, so that when the panels are closed it is nicely in the centre and when you open one, the header moves up to allow room for the content and the whole thing stays vertically centered on the page.

    I'm guessing this will need some kind of fancy javascript to make possible.

    Thanks in advance for any advice you can give!

    Adam

  2.  

  3. #2
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Do you have a link to the issue your having? it will make it easier for us to troubleshoot. Cheers
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  4. #3
    Senior Member BallardStudio's Avatar
    Join Date
    Jul 2011
    Posts
    143
    Member #
    28552
    Liked
    6 times
    Sounds like something you can do in CSS. Not sure though without seeing it.
    I'm an art director crossing paths between print and web design.
    http://www.ballardstudio.com

  5. #4
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    http://www.jakpsatweb.cz/css/css-ver...-solution.html

    It's going to be a bugger, but this might help you on the way to making it doable.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  6. #5
    Junior Member
    Join Date
    Jul 2011
    Posts
    3
    Member #
    28744
    Cheers for the replies guys i've had no luck anywhere else.

    I've uploaded it to another server for a website i'm making so ignore the domain name. Here's the link:

    http://www.lemansresults.com/env/index2.html

    What I'm aiming for is to have the whole thing vertically centered when the tabs are closed and then have it remain vertically centered when you open up a tab. So the header will move upwards to keep it all centered if you see what I mean.

    I was hoping there might be a simple javascript solution I could plug in :S

    Cheers

    Adam

  7. #6
    Junior Member
    Join Date
    Jul 2011
    Posts
    3
    Member #
    28744
    Ok I just tried theGAME's suggestion on that link and it worked an absolute PEACH. You sir, deserve a medal which unfortunately I am unable to provide.

    Cheers to you other guys for the intention of helping me though! It's more than I got from other forums.

    Adam

    PS I've uploaded the new version so check it out and let me know if it's working for you!

  8. #7
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    It's what we do, buddy.

    Glad it worked for you.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)


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

collapsible panel vertical

,

vertical collapsible panel css

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