:help: How can i get this text area, but with a transparent background??

<form ACTION=URI><textarea rows="5" cols="26" style="background-color:#ffccff; font-family:verdana; color:#9900ff; border-style:solid">Put your text here</textarea></form>
<form ACTION=URI><textarea rows="5" cols="26" style="background-color:#ffccff; font-family:verdana; color:#9900ff; border-style:solid">Put your text here</textarea></form>
Any help would be apreciated.

Thanks,

Pete. :)

Lol, i'm a pee-wee, thats what my dad used to call me! :lolol:

Try this:
<form ACTION=URI><textarea rows="5" cols="26" style="background-color:#ffccff; font-family:verdana; color:#9900ff; border-style:solid; filter: alpha(opacity=50);">Put your text here</textarea></form>

I have this:

<form ACTION=URI><textarea rows="5" cols="26" style="font-family:verdana; color:#9900ff; border-style:solid; filter: alpha(opacity=50);">Put your text here</textarea></form>

But the background is white, any ideas???

Pete.

i changed it to this:
<form ACTION=URI><textarea rows="5" cols="26" style="background-color:#ffccff; font-family:verdana; color:#9900ff; border-style:solid; filter: alpha(opacity=0);">Put your text here</textarea></form>

But now i cannot see the box outline or the bar thing on the right (i forgot the name), although it is see through.

Any ideas now?

Pete.

I get your problem. You have opacity set at zero which makes it white (because 0 opacity will be fully transparent)

<form ACTION=URI><textarea rows="5" cols="26" style="background-color:#ffccff; font-family:verdana; color:#9900ff; border-style:solid 1 px; filter: alpha(opacity=50);">Put your text here</textarea></form>

look at my second post! :)

Pete.

You can't see any of it because you made the entire thing seethrough by changing its opacity to 0.

Have you tried putting background-color:transparent; in the tag?

<form ACTION=URI><textarea rows="5" cols="26" style="background-color:transparent; font-family:verdana; color:#9900ff; border-style:solid;">Put your text here</textarea></form>

Sorry, I edited my other post to fit what your second post said. Bourdelson answered sooner though :)

You can't see any of it because you made the entire thing seethrough by changing its opacity to 0.

Have you tried putting background-color:transparent; in the tag?

<form ACTION=URI><textarea rows="5" cols="26" style="background-color:transparent; font-family:verdana; color:#9900ff; border-style:solid;">Put your text here</textarea></form>

thanks bourdelson, that did just the job!!! :)

Another question though, can i make it so on the scroll bar (the thing on the right of the text area) can i make is so the middle of the scrollbar is transparent and the outline of the scrollbar has a border?

Is that possible?

Pete.

I guess it will be using css?

Yes, the scroll bar attributes are using css, but to do the transparency, you'll put the scrollbar stuff inside of the textarea tag. I don't think you can do transparent scrollbars on a full page, just textareas and iframes.

To do it, use:

<form ACTION=URI><textarea rows="5" cols="26" style="background-color:transparent; font-family:verdana; color:#9900ff; border-style:solid; scrollbar-face-color : #CC9966;
scrollbar-highlight-color : #D48EBA;
scrollbar-3dlight-color : #CC9966;
scrollbar-shadow-color : #CC9966;
scrollbar-darkshadow-color : #CC9966;
scrollbar-track-color : #CC9966;
scrollbar-arrow-color : #FE5EC4; FILTER: chroma(color=#CC9966) allowTransparency">Put your text here</textarea></form>

Of course, you can edit the colors to match your page. :)

Ah, works a charm!!! :bow: Thanks for all your help.

Thanks again.

Pete. :waving:

You're welcome. :D Glad I could help.

One more thing if you can put up with me :) But the scrollbar, the border bit of the scrollbar couldn't be a bit lighter could it?

Pete.

Well, it can be as light or as dark as you want it, depending on the color you choose.

Also, something I should have mentioned earlier, you can change any of these four:

scrollbar-highlight-color : #D48EBA;
scrollbar-3dlight-color : #CC9966;
scrollbar-shadow-color : #CC9966;
scrollbar-darkshadow-color : #CC9966;

To what color you want, [and change the rest to the transparent color] for an outline in a different spot.

cheers m8!! :mario:

Pete.

Not a problem. ;)

Not a problem. ;)

Arg, its not my day, how do you make it so you can allow html in the text area?

Pete.

You can't, text areas are for text. If you want to use normal html youd have to use an iframe or div (info on both can be found on this website)