reCaptcha makes form fields unclickable

[mbrad]

Thanks for taking the time to read my question.

I am trying to us reCaptcha for the first time. I have put it into my
page and all my form fields show up as I want them to, however in
Chrome, the first few fields are unclickable. That is, you can't click
in them to enter info. You can click on the last few then reverse tab
to get to the beginning though.

Any ideas why this may be?

The red and blue boxes are just for me for now. I'm using them to try
different things to figure out why this is happening.
I've also used the W3 validator, and I've tried different DOM's. No
luck.

Thanks,
Brad

[PJH]

URL?

(And did you try both validators? http://validator.w3.org/ | http://jigsaw.w3.org/css-validator/)

--
You received this message because you are subscribed to the Google Groups "reCAPTCHA" group.
To post to this group, send email to reca...@googlegroups.com.
To unsubscribe from this group, send email to recaptcha+...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/recaptcha?hl=en.

--
PJH

[Adrian Godong]

As I replied on your previous e-mail, there is a transparent DIV that
is blocking your other fields. It seems that adding reCAPTCHA upsets
some fixed height style and broke your layout.

I recommend you debug your layout using freely available web debugger
(Firebug, Chrome/Safari Web Inspector, IE Developer Tools) and see
what's causing it.

> --
> You received this message because you are subscribed to the Google Groups "reCAPTCHA" group.
> To post to this group, send email to reca...@googlegroups.com.
> To unsubscribe from this group, send email to recaptcha+...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/recaptcha?hl=en.
>

--
Adrian Godong
adrian...@gmail.com

[mbrad]

I've added a line of text above my first field, font-size: 16; line-
height: 60; "Please complete all fields"

that seems to have done the trick

Sorry I forgot to add the url...

http://www.classstandup.com/contact.php

I will try your suggestions above.

thanks so much for the replies!!

Brad

> adrian.god...@gmail.com

[mbrad]

Just checked my css. It passed.

thanks,

Brad

On Feb 9, 9:23 am, PJH <pauljherr...@gmail.com> wrote:
> URL?
>

> (And did you try both validators?http://validator.w3.org/|http://jigsaw.w3.org/css-validator/)

[mbrad]

I took a look in Firebug, but didn't see anything wrong. (I haven't
used it much)

this is the CSS that holds the phrase "Please complete all fields"

.fix {
font-size: 16px;
line-height: 100px;
padding: 0px;
margin: 0px;
vertical-align: text-bottom;
}

this is the only way I can get my mouse pointer to change to the
vertical bar. The shorter the line height, the lower down on the
first line of fields the cursor turns to the vertical bar. Test moving
the cursor from above the "First Name" field down over the first name
field and see where it changes. At 100px line height it changes at
the top of the field. Less and the cursor doesn't change until some
time after the top border.

thanks again,
Brad

On Feb 9, 9:57 am, Adrian Godong <adrian.god...@gmail.com> wrote: