i was able to set up the scroll in my page but when i view it in dreamwever it pushs the div box all over the place and makes it really hard to to edit, can any one help?? div <div id="gallery_nav"><img src="images/gallery_space2.jpg" width="30" height="20" alt=""><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('previous','','buttons/previous_hover_img.jpg',1)"><img src="buttons/previous_img.jpg" name="previous" width="98" height="20" border="0" id="previous" /></a><img src="images/gallery_space3.jpg" width="333" height="20" alt=""><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('next','','buttons/next_hover_img.jpg',1)"><img src="buttons/next_img.jpg" name="next" width="57" height="20" border="0" id="next" /></a><img src="images/gallery_space4.jpg" width="131" height="20" alt=""></div> </div> </div> </div> HTML: #gallery_wrapper { height: 318px; width: 649px; position: fixed; } #gallery_nav { height: 20px; width: 649px; } #gallery_screen { height: 298px; width: 649px; } #screen{ width:649px; padding:0; } #screen li{ float:left; list-style:none; } #screen .jq-ss-crop{ margin:5px 5px; border:1px solid #FFFFCC; float:right; } #view_box { background-image: url(../../../Documents/WEBSITES/Sites/DP%20sites/eight84/doc/images/gallery_bg.png); height: 281px; width: 486px; padding-top: 15px; padding-left: 14px; float: left; } #view{ width:470px; border:1px white solid; height:267px; overflow:hidden; background-color:#FFFFFF; } #images{ width:3818px !important; width:3822px; padding:0; } #images li img{ border:0; } Code (markup): script http://demos.flesler.com/jquery/scrollShow/
there is nothing you can do it about it. Its better if you edit the code in Code View instead of Design View. Somehow dreamweaver always mess up the design if you view it Design View (especially if you are using a tableless design)
How to build a horizontal scrolling div with jQuery slider. ... The first element I pretty much always add to wrap my content is a div . ...