Thursday, November 24, 2011

How do i make a horizontal scroll bar with content with HTML?

www.avvolleyball.com





i want to put the business cards at the bottom in a table with a scroll bar so that it does not take up a lot of room. whats the HTML code to do this?|||%26lt;div style="overflow-x:scroll; width: 300px; height: 100px;"%26gt;


%26lt;img src="path-to-image-file" /%26gt;


%26lt;img src="path-to-image-file-2" /%26gt;


...


%26lt;/div%26gt;





Change the "width" and "height" attributes of the DIV if necessary.|||You mean vertical scroll bar? So, it can scroll from top to bottom instead of left to right. I think top to bottom is better, though. Here is the code.





%26lt;div style="width: ###px; height: ###px; overflow: auto; border-width: 2px; border-color: #000000; border-style: solid;"%26gt;


Insert anything here.


%26lt;/div%26gt;





Replace the ### of the width and height to your own liking. As well for the border width, color, and style.





Good luck!|||2 options...





1) Instead of a TABLE, use a DIV and set its "width" and "overflow" attributes like so:


%26lt;div style="width: 400px; overflow: auto;"%26gt;[enter biz card here]%26lt;/div%26gt;





2) Use an IFRAME, again setting its WIDTH attribute.

No comments:

Post a Comment