任何人都知道为什么 ReCaptcha 的样式可能错误

Question

这是我的页面，ReCaptcha错误很明显

http://www.bookiebashers.org/register.php

任何关于为什么它可能被拉伸的建议。 我完全不明白为什么会发生这种情况。

任何帮助将不胜感激。

谢谢

Answer 1

在样式.css中，您有以下行：

#content img {
    padding: 8px;
    border: 1px #888 solid;
    margin: 8px;
    height: 200px;
    width: 150px;
}

这些规则也适用于验证码中的图像。

Answer 2

#content img具有将宽度和高度设置为非自然值的规则。你应该解决这个问题。

Answer 3

我在 https://stackoverflow.com/questions/10574177/recapcha-styling-messing-up/10574304#10574304 上回答了你同样的问题

又来了。

这将解决您的问题，将以下内容添加到您的 css 中

#content .recaptchatable img {
    width: auto;
    height: auto;
    }

出于某种原因，您的 css 中有以下内容

#content img {
    padding: : 8px;
    border: 1px #888 solid;
    margin: 8px;
    height: 200px;
    width: 150px;
    }

这将设置 #content 容器中每个图像的高度和宽度。我提供的 css 将覆盖它。

Answer 4

我对line-height属性有问题。这修复了它：

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    line-height: 0;
}