Erase reCaptcha violated

Question

I implemented reCaptcha on the following website. I used recaptchalib.php from Google Code and did not change anything in the PHP file.

However, the reCaptcha result on my website seems to have broken. The buttons have a strange white space above them. It works just fine, but it's not pretty :(

Here is a website that has problems: http: // ### (deleted)

Here is the code I used for the reCaptcha echo form

require_once('recaptchalib.php'); $publickey = "XXXXXXXXXXX"; // you got this from the signup page echo recaptcha_get_html($publickey); 

Best wishes

Answer 1

I had the same problem on all sites that I used reCaptcha. CSS was somehow distorted. But I found that it was my line-height in the body tag. I believe you have the same problem too. Just use this css in your stylesheet.

 #recaptcha_area, #recaptcha_table { line-height: 0!important;} 

Answer 2

Recently Re-Captcha (05/2014) has been added and the following css snippets work for me.

  .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th { line-height: 0 !important; } #recaptcha_area input { height: auto; display: inline; } 

Answer 3

In my case, I had to reset the display property and height of the input widget:

 #recaptcha_area input { height: auto; display: inline; } 

Answer 4

It worked for me !!

 #recaptcha_area input { height:auto; display: inline; } #recaptcha_area * { line-height:normal; } 

Answer 5

it worked for me

 .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{ line-height: 0 !important; } #recaptcha_area input { height: auto; display: inline; 

}

to set it up more https://developers.google.com/recaptcha/old/docs/customization?hl=en

Answer 6

It did the trick for me

 #recaptcha_table { table-layout: auto; }