add ul jquery scroll to div

Discussion in 'HTML & Website Design' started by pix582, Nov 3, 2009.

  1. #1
    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/
     
    pix582, Nov 3, 2009 IP
  2. devxtreme

    devxtreme Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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)
     
    devxtreme, Nov 3, 2009 IP
  3. forextrendalerts

    forextrendalerts Guest

    Messages:
    132
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    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 . ...
     
    forextrendalerts, Nov 4, 2009 IP