Scroller Genie Support Product Page
This topic is locked
This topic was archived
getting scroller to anchor
Asked 01 Feb 2006 21:14:44
1
has this question
01 Feb 2006 21:14:44 Bill Bojo posted:
OK, I have scroller genie and am very impressed with it's ease of use, however I am having problems anchoring the scroll bar so it works with a centred website. If you check out the following link you will see it in action:www.teatraveller.nl/
I am trying to achieve the same effect by having the scroll bar move with the rest of the images when the frame is resized.
Please could someone give me some Dreamweaver MX tips to get the scroll bar where I want it to be and not absolutely positioned? I know there is an anchoring object but cannot get it to work at all.
So, can anyone help me keep the scroll bar inside a 3x3 table?
Thanks
Edited by - zombie hunter on 31 Jan 2006 22:04:35
Replies
Replied 03 Feb 2006 13:21:55
03 Feb 2006 13:21:55 Marja Ribbers-de Vroed replied:
To position the scroller where you want, do either one of the following 2 options:
First option:
<ul><li>Go into Source View for your page</li><li>Find the comment line that says “<!-- Start Scroller Genie. Do NOT change these element ID's -->”</li><li>Select that line and all the ones below it until you reach the </body> tag.</li><li>Use ‘cut’ to place the selection on the clipboard.</li><li>Place your cursor in the table cell where you want the scroller and use ‘paste’ to put the scroller code there.</li><li>Find the line that says “#dmx1Scroller {position:absolute; top:100px; left:100px; width:...px; height: ...px; z-index:100; visibility:visible; overflow:hidden; }”</li><li>Change it to look like this: #dmx1Scroller {position:relative; top:0px; left:0px; width:...px; height: ...px; z-index:100; visibility:visible; overflow:hidden; }</li><li>Save and test your page</li></ul>
Alternatively:
<ul><li>Go into Design View for your page.</li><li>Select the IMG tag which you want to use as the positioning anchor for the scroller.</li><li>Type a unique name in the input box in the Properties panel (the box left of the W and H input fields).</li><li>In the lower left corner of the Dreamweaver window, click on <body> to select the BODY tag.</li><li>In the Behaviors panel, double-click the ‘Scroller Genie – Init’ behavior.</li><li>Select the image anchoring option and select the image name you specified in the previous step in the dropdown.</li><li>Save and test your page.</li></ul>
--
Marja de Vroed
www.clubwebware.nl
www.prikhetop.nl
www.flevooware.nl/dreamweaver/
First option:
<ul><li>Go into Source View for your page</li><li>Find the comment line that says “<!-- Start Scroller Genie. Do NOT change these element ID's -->”</li><li>Select that line and all the ones below it until you reach the </body> tag.</li><li>Use ‘cut’ to place the selection on the clipboard.</li><li>Place your cursor in the table cell where you want the scroller and use ‘paste’ to put the scroller code there.</li><li>Find the line that says “#dmx1Scroller {position:absolute; top:100px; left:100px; width:...px; height: ...px; z-index:100; visibility:visible; overflow:hidden; }”</li><li>Change it to look like this: #dmx1Scroller {position:relative; top:0px; left:0px; width:...px; height: ...px; z-index:100; visibility:visible; overflow:hidden; }</li><li>Save and test your page</li></ul>
Alternatively:
<ul><li>Go into Design View for your page.</li><li>Select the IMG tag which you want to use as the positioning anchor for the scroller.</li><li>Type a unique name in the input box in the Properties panel (the box left of the W and H input fields).</li><li>In the lower left corner of the Dreamweaver window, click on <body> to select the BODY tag.</li><li>In the Behaviors panel, double-click the ‘Scroller Genie – Init’ behavior.</li><li>Select the image anchoring option and select the image name you specified in the previous step in the dropdown.</li><li>Save and test your page.</li></ul>
--
Marja de Vroed
www.clubwebware.nl
www.prikhetop.nl
www.flevooware.nl/dreamweaver/