form field manipulation?

Justin S's picture

They have: 2,076 posts

Joined: Jun 1999

Ok, does anyone know how to manipulate the sizes of the text field and submit buttons? Also- is there a way to get rid of the extra line break after the form field? Thanks...

------------------
Flame Hosting: www.flamehosting.com
Justin Stayton (President/CEO)
[WEB SITE] www.flamehosting.com
[E-MAIL] [email protected]
[ICQ] 45549000

They have: 5,633 posts

Joined: Jan 1970

I’m guessing your talking about manipulating the fields using stylesheets? First off remember that Netscape doesn’t care for it (Netscape 6 supports it a lot more), so it will only work in IE (at this point). So make sure you test it in a couple browsers.

The basic idea is something like this:

<input type="text" name="textfield" style=”font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0099FF; background-color: #000033">

You can find a complete tutorial on stylesheets at http://hotwired.lycos.com/webmonkey/authoring/stylesheets/tutorials/tutorial1.html

------------------
Adam
AIS Internet Solutions
[email protected]
www.aisinternet.com

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

?? What do you mean Netscape doesn't like it? It is fine for the example you used there. Where it falls apart is for borders and padding for input, et cetera, tags.

For font sizes it works better than IE because the inheritance works (for font sizes in form elements if you set the form, all form elements have that font size).

Regardless, yes is the answer!

Suzanne

------------------
Zero Cattle
Suzanne
Tables DeMystified

Justin S's picture

They have: 2,076 posts

Joined: Jun 1999

No, I know how to use stylesheets, but that's not what I'm looking for. I'm not looking to change the font sizes etc. inside the text box.

What I want to do is change the height of a text box. The actual text box, not the text inside it.

Sorry for not being more specific

------------------
Flame Hosting: www.flamehosting.com
Justin Stayton (President/CEO)
[WEB SITE] www.flamehosting.com
[E-MAIL] [email protected]
[ICQ] 45549000

They have: 5,633 posts

Joined: Jan 1970

Justin,

Okay. So you want to specify the box size in exact pixels? Try something like what I have bellow. That specifies the box size, the size of the padding, and the margin between the text and the side of the box.

height: 10px; width: 40px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px

Suzanne, Netscape can support specific fonts and font sizes. But it will not display a specific box type (like you said) bad wording on my part on the last post. Which is why I suggested testing it in multiple browsers (namely IE 4+, Netscape+ and maybe a older verison of Netscape).

------------------
Adam
AIS Internet Solutions
[email protected]
www.aisinternet.com

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.