PDA

View Full Version : Pausing up-down scroller positioning



jcdesigns
11-18-2010, 08:35 PM
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.com/Images/scroller.jpg - shifted down

http://www.jenkinscreativedesigns.com/Images/scroller2.jpg - correct

http://www.jenkinscreativedesigns.com/indexscroller.html - You can view the source to see the code.

Beverleyh
11-18-2010, 08:49 PM
www.google.com/m?q=positioning+div+css&client=ms-opera-mini&channel=new

If you need further help, provide a link to the page.

jcdesigns
11-18-2010, 09:19 PM
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.com/indexscroller.html

Beverleyh
11-19-2010, 06:04 PM
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.

jcdesigns
11-20-2010, 05:50 AM
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.com/indexscroller.html

Beverleyh
11-20-2010, 08:40 AM
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.