10/01/2011

Div with scroll, Like multi line text box

To create div with scroll like multi line text box, only using CSS to apply this idea.

Into HEAD tag, Add the following code



<style>
 div.Terms {
  background:#ffffff none repeat scroll 0 0;
  border:1px solid #a0a0a0;
  margin:5px;
  padding:5px;
  position:relative;
  width:1000px;
  height:300px;
  overflow:auto;
 }

 div.Content { 
  margin:10px;
  padding:5px;
  border:0px solid #666;
  width:950px;
  zheight:500px;
 }
</style>



Into BODY tag, add the following code
<table>
<tr>
<td>
The Terms:
<br />

</td>
</tr>
<tr>
<td>

<div class="Terms" id="Terms">
<div class="Content">
The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content The Content 
</div>
</div>
</td>
</tr>
</table>

Share |
مرسلة بواسطة Mohammad Fawaz في 13:42
التسميات: ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)