'Mini' forms and texts

Newrules

I want to create mini texts in a form such as this one
http://www.cpfl.com.br/new/index.asp
Tried to look on source but still coudnt figure out
how to make that

stolzyboy

through the use of stylesheets

input { 
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
}

Tj_C

What text are you trying to copy, there seem to be several different sizes..

But yup style sheet is the way to go.

stolzyboy

he is talking about the "text" boxes, like this input box, not just normal text

Newrules

No idea how to use style sheet
Thanks anyway

Tj_C

There are tons of good tutorials online for style sheets.

You should check them out, it can open up a whole new world of development for you.

Try htmlgoodies.com they have a good basic one.

stolzyboy

you've never used CSS (cascading style sheets), pretty fundamental part of html

anyway

put this in the <head> of your html page

<style type="text/css">
input { 
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
}
</style>

then your input boxes will be the same as the one on the site you showed us, if you want it different, you can change the stuff in the style declaration, that is pretty self-explanatory

Newrules

THANKS!!