Current location: Hot Scripts Forums » General Web Coding » CSS » text box with scroll bar

text box with scroll bar

Reply
  #1 (permalink)  
Old 12-28-07, 05:00 AM
silvermane's Avatar
silvermane silvermane is offline
Newbie Coder
 
Join Date: Dec 2007
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
Spin text box with scroll bar

for those of you out there like me who have just started using html editors and want a scrollable text box here is a simple snipet its very easy to use just take the text copy it and paste it in your html code fragment box and type in what you want it to say in the areas that say text here no this is not a marquee it is a manual scrolling text box one you have it pasted you can modify it as you choose
and add new tags such as backround color text color and box outline sorry but i havent found those parameters yet but when i do i will post them i dont believe in grammar so sorry if everything runs togeather




HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<div style="width: 190px;height: 250px;overflow:-moz-scrollbars-vertical;overflow-y:auto;">
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
</div>

</body>
hope this helps others i know it helped me
p.s. if you use publisher like i do when you put the coding in it will tell you there is an invalid tag <html> just ignore that and press no it will work only edit the text here and the height and width have fun!!!!!

Last edited by Nico; 12-28-07 at 05:59 AM.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #2 (permalink)  
Old 12-28-07, 02:17 PM
End User's Avatar
End User End User is online now
Level II Curmudgeon
 
Join Date: Dec 2004
Posts: 2,832
Thanks: 13
Thanked 10 Times in 9 Posts
Quote:
Originally Posted by silvermane View Post
i dont believe in grammar
Well, I'm pretty sure it exists.

From what I can tell, you also don't believe in punctuation- periods, commas, capitalization, apostrophes, and all those other mysterious symbols found on some keyboards. I find it hard to take anyone seriously who can't be bothered to put a period at the end of a sentence.
__________________
I don't live on the edge, but sometimes I go there to visit.
-------------------------------------------------------------------------
Sanitize Your Data (scroll down)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #3 (permalink)  
Old 12-28-07, 06:44 PM
Nico's Avatar
Nico Nico is offline
Community Leader
 
Join Date: Sep 2005
Location: Spain
Posts: 7,535
Thanks: 5
Thanked 17 Times in 16 Posts
I'm moving this to CSS as this isn't a script request.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #4 (permalink)  
Old 12-28-07, 08:10 PM
silvermane's Avatar
silvermane silvermane is offline
Newbie Coder
 
Join Date: Dec 2007
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
thats cool move it to where it will be put to good use.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #5 (permalink)  
Old 01-14-09, 12:52 AM
scarflash scarflash is offline
New Member
 
Join Date: Jan 2009
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
how do u do the same thing except with a horizontal scrollbar?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #6 (permalink)  
Old 01-14-09, 10:05 AM
Yeroon's Avatar
Yeroon Yeroon is offline
Community VIP
 
Join Date: Aug 2007
Location: Netherlands, Nijmegen
Posts: 675
Thanks: 0
Thanked 0 Times in 0 Posts
The horizontal scrollbar will appear when it is needed. To force one to show (it will show, but still disabled if it is not needed):
Code:
<div style="width: 190px;height: 250px;overflow-x:scroll;overflow-y:auto;">
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
</div>
Please note that overflow-x and overflow-y are not official W3C, but will work with most browsers
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #7 (permalink)  
Old 01-15-09, 09:13 PM
scarflash scarflash is offline
New Member
 
Join Date: Jan 2009
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
sweet thanks. O and is there any way to custmoize the scroll bar?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #8 (permalink)  
Old 01-16-09, 04:03 AM
Yeroon's Avatar
Yeroon Yeroon is offline
Community VIP
 
Join Date: Aug 2007
Location: Netherlands, Nijmegen
Posts: 675
Thanks: 0
Thanked 0 Times in 0 Posts
Try this site: http://www.iconico.com/CSSScrollbar/index.aspx

It shows you what properties change what in the scrollbars and let's you generate the CSS on the fly.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 2 (0 members and 2 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Search script improvement 9999 PHP 14 08-29-06 12:46 AM
Draggable Tables Ares JavaScript 10 08-03-06 07:55 AM
Need Your HelP! Loading Multiple External Text into Multiple Dynamic Text Fields Flash_Boi Flash & ActionScript 2 03-30-06 04:27 PM
text box altafingar Visual Basic 2 05-08-04 11:20 PM
picking random entries with a filter... Double selection problem dsumpter PHP 7 11-16-03 08:19 PM


All times are GMT -5. The time now is 12:07 PM.
vBulletin® Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.