Displaying scrolling DIV box
Sample for scrolling DIV box. You can scroll horizontally or vertically using overflow-x or overflow-y
CSS stylesheet: #preview{ color:#cc0000; font-size:12px; border:1px #ff0000 solid; overflow: auto; white-space: nowrap; width: 300px; } .imgList{ max-height:150px;margin-left:5px; border:1px solid #dedede; padding:4px; /* float:left; //not working in this case if you want div scrolling horizontally */ display: inline-block; /* display:inline; not working in this case */ }
HTML page:
<div id='preview'></div> <form id="imageform" method="post" enctype="multipart/form-data" action='ajaxImageUpload.php' style="clear:both"> <h1>Upload your images</h1> <div id='imageloadstatus' style='display:none'><img src="loader.gif" alt="Uploading...."/></div> <div id='imageloadbutton'> <input type="file" name="photos[]" id="photoimg1" multiple="false" /> <p> </p> <input type="file" name="photos[]" id="photoimg2" multiple="false" /> <p> </p> <input type="file" name="photos[]" id="photoimg3" multiple="false" /> <p> </p> </div> </form> </div>