任何人都知道为什么ReCaptcha造型错误

Question

这是我的页面，ReCaptcha错误显而易见

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

任何有关它可能被拉长的建议。我完全不知道为什么会发生这种情况。

非常感谢任何帮助。

由于

Answer 1

在styles.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;
}