How to let the rectangle around scrollbar text disappear? [Archive]

View Full Version : How to let the rectangle around scrollbar text disappear?

kippie

03-11-2003, 09:07 PM

In the HTML below I would like to let the shadow border around the textblock disappear so that the whole background will be white. Is that possible?

This is the HTML:
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<style>
</style>
</head>

<body>
<textarea class="combi" cols="40" rows="5">The scroll bar for
Is it possible to let the dark rectangle around the text disappear? Is it possible to let the dark rectangle around the text disappear? Is it possible to let the dark rectangle around the text disappear? Is it possible to let the dark rectangle around the text disappear? </textarea>
</body>

</html>

Kippie

scroots

03-11-2003, 09:14 PM

boarder="0" in the box tag, or however you spell boarder/border

scroots

kippie

03-11-2003, 10:04 PM

Hi Scroots,

But where to place border="0" ??

Kippie

Originally posted by scroots
boarder="0" in the box tag, or however you spell boarder/border

scroots

Beck

03-12-2003, 10:00 AM

I think it goes in the textarea tag, although I haven't ever done that myself...I've always used the border attribute in images, but never for textareas.

If that doesn't work, then the only think I would think off head to experiment around with is the style attribute of the textarea tag, eg
<textarea style="border:0;">
or maybe border-text:0 or border-style:none or something.

But I'm not real sure. I never even thought to do that.

head8k

03-12-2003, 11:04 AM

Try setting the border to be the same colour as the page background. Assuming the page is white you can do this:

<style>

</style>

kippie

03-12-2003, 11:28 AM

Thanks all of you,

Yes this works. One more question, if I'm allowed: I can't figure out how I can use different classes of text within the text block of the scrollbar. I tried the following but that doesn't work:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<style>
</style>

</head>
<body>
<textarea class="combi" cols="40" rows="5">
<div class="textlarge">How to make this in textlarge</div> and this in text?
Is it possible to let the dark rectangle around the text disappear?
Is it possible to let the dark rectangle around the text disappear?
Is it possible to let the dark rectangle around the text disappear? </textarea>
</body>
</html>

Kippie

head8k

03-12-2003, 11:34 AM

You can't use different classes within the textarea. You can only apply style to the <textarea> tag itself not to the contents. This is because a textarea's contents are not HTML, but plain text because it is a form element.

Hope this helps

head8k

03-12-2003, 11:35 AM

Another thing: there is no need to use 2 semi-colons after each style definition. 1 is enough!

kippie

03-12-2003, 03:50 PM

Thanks head8k,

Thanks for all your attention but this is bad news. I use the textarea because I want to make a special scrollbar. Further I want to use styles in the text and a complete white background without a rectangle around it. Would it be possible to combine these three things? Maybe there are other ways to make a special scrollbar than by using textarea's?

Kippie

cg9com

03-12-2003, 07:50 PM

add your scrollbar attributes to the body element.
you CAN just use a div, seeing that you are trying to make the textarea look like something else anyway, you cant format text inside of a textarea without alot of scripting, however the rest of the question is possible.

<textarea style="background-color:#ffffff;border:1px solid black;"></textarea>
or just use the same styling in another element like <div>
to remove the border, you can try border:0px; or border:none;

Roy Sinclair

03-12-2003, 09:05 PM

Use a div instead of a textarea since you aren't wanting the user to modify the content. Give the <div> a style of "overflow: scroll" and a fixed height and width and when you have more content than will fix you'll get a scrollbar.

kippie

03-12-2003, 09:13 PM

Thanks Roy and all of you. that's it!

Kippie

kippie

03-13-2003, 07:49 AM

Thanks,

Kippie

Originally posted by cg9com
add your scrollbar attributes to the body element.
you CAN just use a div, seeing that you are trying to make the textarea look like something else anyway, you cant format text inside of a textarea without alot of scripting, however the rest of the question is possible.

<textarea style="background-color:#ffffff;border:1px solid black;"></textarea>
or just use the same styling in another element like <div>
to remove the border, you can try border:0px; or border:none;