Join now,
it's FREE


 
Main PageMain Page  HomeHome  CalendarCalendar  FAQFAQ  SearchSearch  MemberlistMemberlist  RegisterRegister  Log inLog in  

Share | 
 

 HTML Scroll box

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

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

PostSubject: HTML Scroll box   Fri 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
View user profile
 

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:  
Free forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com