Validate that code

Suzanne — Tue, 03 Apr 2001 16:16:54 +0000

Before you use it!

Detox -- your CSS is rife with errors (syntax)! No wonder Netscape has a fit.

w3c.org has a CSS validator, as does the offline bradsoft.com (TopStyle).

Also, http://www.webreview.com/style/css1/charts/mastergrid.shtml will help with what is compatible with each browser.

Suzanne

Mark Hensler — Tue, 03 Apr 2001 05:35:22 +0000

The only arguments that border-style takes are: none, dotted, solid, double, groove, ridge, and inset. And when you give the value to border-style the order is for the top, right, bottom, and left sides, seperated by a comma. If only one value is given, it will take effect for all sides.

.blah { border-style: solid, double, solid, double }
.blah2 { border-style: dotted }

'
For thickness, use border-top-width, border-bottom-witdh, border-right-width, and border-left-width (or border-width for all sides). Valid values are thin, medium, normal, and thick, or any number with a unit (1px).

.blah { border-width: thin }
.blah2 { border-top-width: 2px }

'
Alternatively, you can use the border property to define all attributes of the borders of all sides (or you can use each seperately by: border-top, border-bottom, border-right, border-left). Using the border property, you can define the border style, color, and width.

.blah { border: thin inset green; border-top: 2px inset red }
.blah2 { border-top: thick groove blue }

You may want to think about investing in a good bood that covers CSS. I own The Complete Refence HTML Second Edition by Thomas A. Powell (publisher is Osborne; 1,130 pages). It's a great book, I highly recommend it. The price on the back is $39.99.

detox — Tue, 03 Apr 2001 00:28:56 +0000

here is my usual style definition,

.login {
font-family: Verdana, Arial;
font-size: 11px;
border: 1px solid;
width: 70px;
background:AFAF7E;
}
Apply this to a text box select box etc

.submit {
background: :cccc99;
font-size: 10px;
font-family: Verdana,'Comic Sans MS',Arial,Sans- Serif, Helvetica;
font-weight: normal;
}
apply this to submit buttons.

Netscape renders these quite badly sometimes, however, using these can spice up a page quite well....

also, check out this page.. or just do a search on the net for css properties + forms..

http://webdeveloper.earthweb.com/pagedev/webcss/article/0,,12317_639551,00.html