任何人都知道爲什麼驗證碼可造型錯誤

Question

這是我的頁面和驗證碼的錯誤是顯而易見的

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; 
}