2011-12-24 9 views
5

मैं अपनी साइट पर एक संपर्क फ़ॉर्म पर रिकैप्चा को एकीकृत करने की कोशिश कर रहा हूं लेकिन तालिका की चौड़ाई को बदलने के लिए नहीं मिल सकता है, यह 692 पीएक्स पर प्रतिपादन कर रहा है जबकि मेरे पास सब कुछ 320px की चौड़ाई पर सेट है। मैं रिकैप्चा आईएमजी की चौड़ाई निर्धारित करने में सक्षम था लेकिन मैं तालिका चौड़ाई को बदल नहीं सकता।रिकैप्चा तालिका चौड़ाई को संशोधित करना

table#recaptcha_table.recaptchatable.recaptcha_theme_white { 
    width: 50% !important; 
} 

#recaptcha_widget_div { 
    width: 320px !important; 
} 

.recaptcha-div { 
    width:320px; 
} 
+0

एचटीएमएल क्या है? हमें आपको उचित उत्तर देने के लिए इसकी आवश्यकता होगी। –

+0

या आप jsfiddle.net – Robert

उत्तर

1

इस कड़ी जानकारी की आवश्यकता है:

यह सीएसएस मैं उपयोग कर रहा हूँ है।
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

ध्यान रखें कि Google द्वारा प्रदान की गई कैप्चा छवि की वजह से न्यूनतम चौड़ाई 300px होगी। हालांकि, अगर 300 अभी भी बहुत बड़ा है, तो आप 300 के बाद चौड़ाई को समायोजित करने के लिए इस चालाक हैक को आजमा सकते हैं, फिर होवर पर बड़ा पॉप आउट कर सकते हैं। आदर्श नहीं है, लेकिन यह काम करता है। शुभकामनाएँ। http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

4

का उपयोग

transform: scale(0.8); 

मेरे लिए काम किया।

+0

पर अपना कोड नमूना पोस्ट कर सकते हैं! - div.captcha {...} एक आकर्षण काम करता है :) – pkbyron

1

मैंने अपनी परियोजना में रिकैप्चा का भी उपयोग किया और रिकैप्चा की चौड़ाई पर एक ही समस्या का सामना किया। मैंने नीचे दिए गए सीएसएस का उपयोग करके इसे ठीक किया है।

शैली = "परिणत: पैमाने (0.77); - वेबकिट-परिणत: पैमाने (0.77); बदलने मूल: 0 0; -webkit-बदलना मूल: 0 0;"

मुझे लगता है कि यह आपकी समस्या को ठीक करेगा।

0
.g-recaptcha { 
    display: block; 
    max-width: 190px; 
    overflow: hidden; 
    border-right: 1px solid #d3d3d3; 
} 
+0

क्या आप कृपया जवाब देने के लिए अपना जवाब संपादित कर सकते हैं कि यह समस्या को हल करता है? कोड-केवल उत्तर निराश होते हैं। धन्यवाद! –

संबंधित मुद्दे