Join now,
it's FREE
Join now,
it's FREE
Would you like to react to this message? Create an account in a few clicks or log in to continue.


 
Main PageMain Page  HomeHome  Latest imagesLatest images  SearchSearch  RegisterRegister  Log inLog in  

Share | 
 

 HTML Scroll box

View previous topic View next topic Go down 
AuthorMessage
Photoshop
graphic
graphic
Photoshop

Windows : Vista
Posts : 44
Join date : 2010-12-22

HTML Scroll box Empty
PostSubject: HTML Scroll box   HTML Scroll box EmptyFri Dec 31, 2010 4:36 am

Code:

<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>

Result:As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.



Change colour:

Code:
<div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;">We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.</div>

Result:We have added a background color to this HTML scroll box. This is done using the CSS 'background-color'



Change Text Colour:

Code:
<!-- Codes by Quackit.com -->
<div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;color:#A6120D;">We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.</div>

Result:We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.
Back to top Go down
 

HTML Scroll box

View previous topic View next topic Back to top 

 Similar topics

+
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
 :: Support forum Home :: Tips & Tutorials-
Jump to:  
Forum create on Forumotion | ©phpBB | Free forum support | Report an abuse | Forumotion.com