2 replies [Last post]
Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I added a contact form to a site I did a while back and have used the exact same form styling (bar the colours) that I've used on another site except that I get a small shift to the left with my inputs in FF (IE looks fine Shock ).
I think I need a new set of eyes to spot what's going wrong.

form { margin: 30px 0 20px; }
.error { color: #cc0000; }
input.error, textarea.error { color: #003366; background: #ffe9e9; }
fieldset { border: none; }
label { clear: left; margin-bottom: 5px; }
label span { float: left; width: 120px; margin-right: 10px; }
input { 
	padding: 2px 0; 
	margin: 0 0 5px;
	width: 200px;
	font-size: 85%;
	color: #005000;
	border: 1px solid #005000;
}
input:hover, input:focus, textarea:hover, textarea:focus { background: #E0E9DC; }
textarea { 	
	width: 200px; 
	padding: 2px 0; margin-bottom: 5px;
	border: 1px solid #005000;
	font-family: "Lucida Grande", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 90%; 
	color: #005000;
}
select, option { width: 200px; font-size: 10px; color: #005000; }
select { padding: 1px; margin-bottom: 5px;}
button { 
	clear: left;
	float: left;
	margin: 5px 0 0 130px; padding: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #005000; background: #E0E9DC;
	border: 1px solid #003366;
}
* html button { padding: 0; }
button:hover { color: #FFF; background: #005000; }

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

What am I missing here?

Hi Tyssen

I've stared at this for too long.

What is it we say to others? Strip it down till you find it:

input[type=text] { height: 12px; margin: 0 10px; padding: 1px 3px; }

Aagghhh!

Trevor

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

What am I missing here?

Of course, it helps when you're looking at the right stylesheet. :roll: :oops:
Thanks Trevor.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference