Results 1 to 6 of 6

Thread: Pausing up-down scroller positioning

  1. #1
    Join Date
    May 2007
    Posts
    66
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Pausing up-down scroller positioning

    I use the DD pausing up-down scroller tutorial for a website I am working on and is having a problem positioning the scroller. If you click on the first link you will see that it is in the upper left corner. I need to move it just below where is says Read the Word. I tried to move it some using margin: 10px and it shifted my header and body contents down.

    Please tell me how can I move the scroller to be below Read the Word and line up like the 2nd link. Thanks for your help.

    http://www.jenkinscreativedesigns.co...s/scroller.jpg - shifted down

    http://www.jenkinscreativedesigns.co.../scroller2.jpg - correct

    http://www.jenkinscreativedesigns.co...xscroller.html - You can view the source to see the code.
    Last edited by jcdesigns; 11-18-2010 at 09:17 PM. Reason: To add information.

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    http://www.google.com/m?q=positionin...ni&channel=new

    If you need further help, provide a link to the page.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    May 2007
    Posts
    66
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Pausing up-down scroller positioning

    Beverly here is the link with out the images and main css but you can see the code via view source. Please help. Thanks

    http://www.jenkinscreativedesigns.co...xscroller.html

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    The javascript call for the scroller appears directly after the opening body tag, and outside of any other structural div, so it will push other content around.

    You need to put it (preferably) inside its own div and then inside whichever container div you want it to appear in. Then you'll be able to use margins to position it as you want.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  5. The Following User Says Thank You to Beverleyh For This Useful Post:

    jcdesigns (11-19-2010)

  6. #5
    Join Date
    May 2007
    Posts
    66
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Pausing up-down scroller positioning

    Hello Beverly,

    I took your advise and placed the scroller script inside a div tab. I called it pscroller2. I still cannot get the scroller placed below the Read the Word without shifting the other content. It happens in all browsers.

    I really need your help. Can you please view the code from the attached link and see how this can be corrected. I really need to get this resolved. I sincerely thank you for all of your help.

    <div id="pscroller2">
    http://www.jenkinscreativedesigns.co...xscroller.html

  7. #6
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    I took your advise and placed the scroller script inside a div tab. I called it pscroller2.
    Only part of it...

    I refer you back to my previous post - this part - to encorporate it into the structure of your page;
    You need to put it ... inside whichever (structural) container div you want it to appear in. Then you'll be able to use margins to position it as you want.
    And then back to my first post for resources on how to position the div as you seem very unsure how to do that: http://www.google.com/m?q=positionin...ni&channel=new There are many tutorials online and I recommend that you read some so you know what you're doing.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

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
  •