Horizontally aligning DIV overflow out of the screen

Discussion in 'HTML & Website Design' started by sudarshan1210, Jan 5, 2012.

  1. #1
    Scenario:
    I have developed a web page where i need all the divs to be placed horizontally next to each other and flow out of the screen...when i click on link button respective div will move to the center of the screen using jquery easing tools.

    Problem: I am not able to postion the div next to each other and flow it out of the screen.

    My current webpage: http://www.qmp.co.in
    What i am trying to achieve. http://www.eastley.net..click on the button and see the effect...

    Please let me know how do this div positioning

    Greetings,
    Sudarshan
     
    sudarshan1210, Jan 5, 2012 IP
  2. ScottAN

    ScottAN Peon

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I would try and find a Javascript tidbit that someone created and posted that can do this functionality. To have the HTML elements slide like they do on the example site you will need to use javascript (jQuery makes it easy). Basically, you need to look into a few CSS things like positioning and sizing.

    You can always post in the developer offers section (or PM me!) to find someone who can do it on the cheap.

    Even though it isn't done you can see what kind of JS animation work I do on here: http://www.anoruk.com
     
    ScottAN, Jan 5, 2012 IP