php - 任何人都知道为什么 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;
}