3 replies [Last post]
mickapoo
Offline
newbie
Last seen: 11 years 23 weeks ago
Joined: 2004-01-09
Posts: 7
Points: 0

I have a form located at:
www.hybrid-design.net/quote_copy.html

The submit and reset button at the bottom should have a gray border around them. However, the buttons, once clicked, have a black border. The black border remains even when the page is refreshed. It seems that whatever button is the last one clicked, the border turns black. How do I turn this off?

Also, I cannot figure out why there is the 3d border around the option box. I added the same CSS there, but it's not looking like the others.

This is my CSS code:
STYLE="color: #000000; font-family: arial; font-size: 11px; background-color: #ffffff; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; color: #000000; border-bottom: #cccccc 1px solid;"

Thank you for your help!

The Finch
Offline
Enthusiast
Cincinnati
Last seen: 16 years 7 weeks ago
Cincinnati
Timezone: GMT-5
Joined: 2004-08-01
Posts: 65
Points: 0

Formatting form elements

I don't think any browser supports the border property for the select tag.

As for the black border, I believe it is a standard thing for IE to do that, not a syling problem.

mickapoo
Offline
newbie
Last seen: 11 years 23 weeks ago
Joined: 2004-01-09
Posts: 7
Points: 0

Formatting form elements

Thank you for the help.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 37 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Formatting form elements

Hi there ,
As the Finch says the border property doesn't appear to be suported on the <select> tag it's part of it's hard coding the 3d effect , the border on the button is a caching (sic) /focus problem I doubt there's much that you can do about it.

There are a number of things you should attend to though; your anchor decs are in the wrong order must be link, visited, hover, active
you have a tag called 'about' I think that is meant to be a </a> you are also missing a closing</td> on the right.jpg line. It would be an idea to watch your use of mixed case in your tags it easier if you stick to lower case letters.
To save yourself a lot of file size I would suggest that you remove ALL inline style declarations on the inputs instead place them in the head like this

input, textarea {color: #000; 
				     font-family: arial, sans-serif; 
					  font-size: 11px; 
					  background: #fff; 
					  border: #ccc 1px solid;}
.button          {background:#EFF7fF;}

and group the table td decs

 table.border, TD.border
{
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
}

This will save a third of your file size and generally make things neater the class .button put in the input submit and reset lines

Hope that's of some help,

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me