Creating a scroll view in the blog

10.50.00 Unknown 0 Comments

Put the HTML code below

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

contents page

</div>

For example:

<div style="overflow:auto;width:240px;height:100px;padding:10px;border:1px solid #eee">
<a href="http://wartono92.blogspot.com"><img src="http://images.cooltext.com/1371395.gif" width="72" height="15" alt="BLOG" /></a>
<br /><a href="http://wartono92.blogspot.com"></a> - <a href="http://cooltext.com/Logo-Design?LogoID=512084270"></a>
</div>

then the result :

<a href="http://wartono92.blogspot.com"><img src="http://images.cooltext.com/1371395.gif" width="72" height="15" alt="BLOG" /></a>
<br /><a href="http://wartono92.blogspot.com"></a> - <a href="http://cooltext.com/Logo-Design?LogoID=512084270"></a>
</div>


Description:

overflow: auto; »this code for the rollers to create scrolling or page if the content of these pages has exceeded the height or width limits that have been specified.


width: 300px; »is the width of the field in want, in this case by 300 pixels, this value must be adjusted with the desire or be adjusted with the existing width of the sidebar. however, always related to the sidebar then you should use a value of 100% (width: 100%).


height: 200px; »is the height of the desired field, this value can change as you wish, eg 250px or so other values.


padding: 10px; »is the maker code distance for the existing posts in these pages do not hit the wall page, this value is, of course, can change as you wish. eg padding: 5px;


border: 1px solid # eee »for that field appears there was the box, if you do not want any visible box, then stay in clear only.


Good luck

0 comments: