CSS + Forms

[foxymorons]

Instead of the standard looking form, I would love something with a smaller border.

http://www.iprimus.com.au,

is an example of what I am after. With the really thin border!

Oh, also on forms, does anyone have a really really simple mailing list script?

Any suggestions would be great!

 

[dkdude]

Hi,

Well, forms actually don't have a border around them. The input fields, however, do. Consider this example:

<FORM ACTION="submit.php" METHOD="post">
  Your Name <INPUT TYPE="Text" NAME="name" VALUE="" SIZE="20" STYLE="border : solid 1px #F00; background-color : #FFFFC8;">
</FORM>

This produces an text input box with a thin red border and yellow background.

Here's a good reference on the CSS border property:

http://www.w3schools.com/css/css_reference.asp#border

Now, to get a border around forms I can think of :

1. Place the form in a fieldset
Try this link :

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_fieldset

2. Place the form elements in a table

3. Place the form elements in DIVs or SPANs

For each of the above, you can use CSS to define any border you like.

Good Luck


Jakob