scroll bar

nana86 · #1 (**permalink**) 24-09-2007, 10:06 AM

Dear all..

i'm designing a portal using html+css, and i wanna have scrollbar inside it.
my problem is, the scrollbar is already there but how to set the font, what if i want to add images inside it..??
below is what i've done

from page.html

<FORM>
<textarea cols="70" rows="15" style="border:0;" >
the content
</textarea>
</FORM>

from layout.css

body {
background-image:url('images/bg.jpg');
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
text-align:center;
margin-left:auto; margin-right:auto; margin-top:0; margin- bottom:auto;

scrollbar-face-color: #3E5221;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}

am i using the rite way?

iamfreelancer · #2 (**permalink**) 24-09-2007, 04:16 PM

your code apply to the page scroll... if you wanted to change just the textarea scrollbar... try using the below:

HTML TEXTAREA:

HTML Code:

<FORM>
<textarea class="TextAreaBox" cols="70" rows="15" style="border:0;" >
the content
</textarea>
</FORM>

CSS:

HTML Code:

.TextAreaBox{
background-image:url('image/bg.jpg');
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
text-align:center;
margin-left:auto; margin-right:auto; margin-top:0; margin- bottom:auto;

scrollbar-face-color: #3E5221;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}

mysticmind · #3 (**permalink**) 24-09-2007, 08:33 PM

or refine the textarea , input etc standard tag in css.

HTML Code:

textarea {
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
/* or with background image */
/* background-image: url('ulr/img.png); */
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
color: #000000
}

but that apply to all textarea.. for specific target use custom class as iamfreelancer given above.

Anyway!.. The <textarea> Scrollbar appear by default if the text typed long and enter enter enter enter inside..

REMEMBER! CSS IS FUN..

nana86 · #4 (**permalink**) 02-10-2007, 12:13 PM

thanks ya..
still work on it

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
scroll	sunshinerocke	Website Design	9	15-05-2003 03:04 AM
IE scroll bar	rix	Mamak Stall	2	20-06-2002 09:16 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)