Re: [css-d] Kill textarea vertical scrollbar in FF

2005-11-15 Thread cFA
Thanks for the response Ben, I am going to find out, although when I asked
yesterday they said that it is scripted for a text area, hopefully tho as
you said an input field would work as it is only one line of text.



On 11/15/05, Ben Curtis <[EMAIL PROTECTED]> wrote:
>
>
> Can you use a text type input field? It seems that a textarea of
> height 20px can only contain 1 line of text anyway
>
>
>
> On Nov 14, 2005, at 4:58 PM, cFA wrote:
>
> > hey there,
> >
> > I cant seem to kill the vertical scroll bar on a text area in
> > firefox. The
> > only thing that does it is if I increase the height on the text
> > area which I
> > dont really want to do as I have a set height for an area that I
> > dont want
> > to increase. Ive tried also the proprietary moz overflow property,
> > but 1)
> > its not working and 2) of course it doesnt validate (which is
> > important to
> > me).
> >
> > overflow: -moz-scrollbars-none;
> >
> > the main target browser for this app is IE so thats ok for the most
> > part
> > (overflow: hidden works fine in IE5-6 in my testing of this), but
> > having
> > this clipped scrollbar in FF is a sore thumb to me and I'd really
> > like to
> > take care of it proper.
> >
> > also, Safari puts a border around the textarea which I would also
> > want to
> > get rid of if possible (even tho I have the border set to none)
> > Safari is
> > always a pain when it comes to form styling.
> >
> > this textarea is required for the javascript timer they are using
> > and I'm
> > stuck with using the textarea.
> >
> > here is a test page:
> >
> > http://aenonfiredesign.com/test/killscroll/
> >
> > the css for it:
> >
> > textarea#timeremain {
> > float: right;
> > width: 100px;
> > height: 20px;
> > background: #e4e3db;
> > color: #333;
> > font: bold 1.5em arial, helvetica, sans-serif;
> > margin:0;
> > padding:0;
> > border: none;
> > overflow: hidden;
> > }
> >
> > TIA peeps!
> >
> > -clint
> > --
> > iron sharpens iron
> > __
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > Supported by evolt.org  --
> http://www.evolt.org/help_support_evolt/
>
> --
>
> Ben Curtis : webwright
> bivia : a personal web studio
> http://www.bivia.com
> v: (818) 507-6613
>
>
>
>
>


--
iron sharpens iron
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Kill textarea vertical scrollbar in FF

2005-11-14 Thread cFA
hey there,

I cant seem to kill the vertical scroll bar on a text area in firefox. The
only thing that does it is if I increase the height on the text area which I
dont really want to do as I have a set height for an area that I dont want
to increase. Ive tried also the proprietary moz overflow property, but 1)
its not working and 2) of course it doesnt validate (which is important to
me).

overflow: -moz-scrollbars-none;

the main target browser for this app is IE so thats ok for the most part
(overflow: hidden works fine in IE5-6 in my testing of this), but having
this clipped scrollbar in FF is a sore thumb to me and I'd really like to
take care of it proper.

also, Safari puts a border around the textarea which I would also want to
get rid of if possible (even tho I have the border set to none) Safari is
always a pain when it comes to form styling.

this textarea is required for the javascript timer they are using and I'm
stuck with using the textarea.

here is a test page:

http://aenonfiredesign.com/test/killscroll/

the css for it:

textarea#timeremain {
float: right;
width: 100px;
height: 20px;
background: #e4e3db;
color: #333;
font: bold 1.5em arial, helvetica, sans-serif;
margin:0;
padding:0;
border: none;
overflow: hidden;
}

TIA peeps!

-clint
--
iron sharpens iron
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/