Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 23

Thread: ReCaptcha issue.

  1. #11
    Join Date
    Jul 2009
    Posts
    25

    Default Re: ReCaptcha issue.

    I have no skill in scripting but do you think it has something to do with the CSS? What do you guys think?

    hc.

  2. #12
    Join Date
    Jul 2009
    Posts
    25

    Default Re: ReCaptcha issue.

    Here is my CSS code in reated to the form.

    Code:
     
    /* form elements */
    form {
    margin: 20px 10px; 
    padding: 15px 25px 25px 20px; 
    background: #070707; 
    border: 1px solid #111; 
    }
    form p {
    border-bottom: 1px solid #101010;
    padding: 12px 0 5px 0; margin: 0; 
    }
    label {
    font-weight: bold; 
    color: #FAFAFA;
    }
    input, select, textarea {
    margin: 5px 0;
    padding: 5px;
    font: normal 1em Verdana, Tahoma, sans-serif;
    color: #6A6969;
    background: #FFFFFF; 
    border: 1px solid #1C1C1C;
    }
    option { padding-right: 0.5em; } 
    #name, #email, #message{
    width: 480px;
    }
    input.button { 
    font: bold 12px Arial, Verdana, Sans-serif; 
    height: 30px;
    padding: 2px 3px; 
    margin-top: 8px;
    color: #48780E;
    background: #000;
    border-width: 1px;
    border-style: solid;
    border-color: #1B1B1B;
    }

  3. #13
    Join Date
    Jul 2009
    Posts
    25

    Default Re: ReCaptcha issue.

    Here is my form code.

    Code:
    <div id="content-wrap"> 
        <div id="main"> <a name="TemplateInfo"></a> 
          <h2><a href="index.html">Contacts</a></h2>
           <form method="post" action="http://www.xxxxx.com/formmail.php" name="SampleForm">
        <input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT,AUTH_TYPE,REMOTE_USER">
         <input type="hidden" name="recipients" value="xxxx@xxxxx.com" />
        <input type="hidden" name="required" value="email:Your email address,realname:Your name" />
        <input type="hidden" name="subject" value="MESSAGE BOX" />
     <input type="hidden" name="mail_options" value="AlwaysList" />
     <input type="hidden" name="good_url"    value="http://www.xxxxx.com/thankyou.html" />
      <input type="hidden" name="derive_fields" value="imgverify=recaptcha_response_field" />
        <table border="1" cellspacing="5%">
        <tr>
            <td>
            <p>Please enter your name:</p>
            </td>
            <td><input type="text" name="realname" />
            </td>
        </tr>
        <tr>
            <td>
            <p>Please enter your email address:</p>
            </td>
            <td><input type="text" name="email" />
            </td>
        </tr>
     <tr>
            <td valign="top">
            <p>Please enter your message:</p>
            </td>
            <td><textarea name="mesg" rows="10" cols="50"></textarea>
            </td>
        </tr>
        <tr>
            <td><input type="submit" value="Submit" /></td>
            <td></td>
        </tr>
        </table>
     <?php
    require_once('recaptchalib.php'); 
    $publickey = "xxxxxxxxxx......"; // you got this from the signup page
    echo recaptcha_get_html($publickey);
    ?>
    </form><p></p>
     
        </div>

  4. #14
    Join Date
    Feb 2007
    Posts
    82

    Default Re: ReCaptcha issue.

    what is the benefit of using recaptcha over the captcha that comes with tectite? I have used the original captcha with no spam and no problems...so...just wondering


    am trying to get it working in mine but I get
    Access forbidden!

    You don't have permission to access the requested object. It is either read-protected or not readable by the server.
    If you think this is a server error, please contact the webmaster.
    Error 403

    www.nmprc.state.nm.us
    Last edited by kdeguero; 16-Mar-2010 at 11:10 PM.

  5. #15
    Join Date
    May 2008
    Posts
    1,291

    Default Re: ReCaptcha issue.

    Quote Originally Posted by kdeguero View Post
    also just noticed in the how to's ...it seems you are missing the underlined part....might make the difference
    I don't think chanjay is using the autorespond feature, so that wouldn't apply. Chanjay's reCaptcha is working. It's just not lined up to his liking.

    Chanjay,

    I would suspect it is something in your css that's affecting the layout of the reCaptcha content that's coming from the javascript. Since I can't see the code that's output by the javascript I can't tell exactly what's triggering it.

    My suggestion is to remove all padding, margins and borders from elements that are inside your form tags, one at a time, until the reCaptcha box is corrected. Then you can reassign classes to those elements so that the reCaptcha stuff isn't affected.

  6. #16
    Join Date
    Feb 2007
    Posts
    82

    Default Re: ReCaptcha issue.

    ok, I got your exact form posted above to work for me with recaptcha, perhaps if I understood exactly what is your problem, I can help....
    course...I now have to get my very complicated form to work with recaptcha as well, but that's another issue

  7. #17
    Join Date
    Jul 2009
    Posts
    25

    Default Re: ReCaptcha issue.

    I had been playing around with the ReCaptcha themes according to this article.

    http://wiki.recaptcha.net/index.php/...CAPTCHA_colors

    I added this code to the form page.

    Code:
    <script>
    var RecaptchaOptions = {
       theme : 'clean'
    };
    </script>
    and this code into the CSS script.

    Code:
    .recaptchatable .recaptcha_image_cell, #recaptcha_table {
       background-color:#FFFFFF !important; //reCaptcha widget  background color
     }
     
     #recaptcha_table {
       border-color: #FFFFFF !important; //reCaptcha widget border  color
     }
     
     #recaptcha_response_field {
       border-color: #FFFFFF !important; //Text input field border  color
       background-color:#FFFFFF !important; //Text input field  background color
     }
    This is the only theme (different size than default ReCaptcha) that is not broken on my site. See the attached, but now the next issue is... since my background website is dark, part of the ReCaptcha GUI face is dark too. I want to make the whole ReCaptcha GUI rectangle to be white, I already modified the added CSS code above but it didn't work.

    Any idea?

    Thanks.

    hc.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	recaptcha2.jpg 
Views:	104 
Size:	16.0 KB 
ID:	285  

  8. #18
    Join Date
    Feb 2007
    Posts
    82

    Default Re: ReCaptcha issue.

    not sure, I have my test form
    http://www.nmprc.state.nm.us/test1.php
    I made it black background, added your recaptcha css
    and edited the border around the response field, but everything else seems fine....
    would have to see your page css to see what is turning dark for the recaptcha

  9. #19
    Join Date
    Jul 2009
    Posts
    25

    Default Re: ReCaptcha issue.

    Hey....that's exactly what I want to do.

    Here is my CSS code.

    Code:
    /* ----------------------------------------------
       HTML ELEMENTS
    ------------------------------------------------- */ 
    
    /* Top Elements */
    * { margin: 0; padding: 0; outline: 0 }
    
    html { background: #010000 url(bg.gif) repeat-x; }
    
    body {
    	font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    	color: #5E5E5E;
    	margin: 0; 	padding: 0; 
    	background: #010000 url(bg2.jpg) no-repeat center top;
    	text-align: center;
    }
    
    /* Links */
    a, a:visited {
    	text-decoration: none;
    	color: #BEBEBE;	
    }
    a:hover {
    	color: #fff;
    	border-bottom: 1px dotted #438800;
    }
    
    /* headers */
    h1, h2, h3 {
    	font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;
    	color: #FAFAFA;
    }
    h1 {
    	font-size: 3.1em;	
    	letter-spacing: -2px;
    	padding: 15px 10px 5px 10px;	
    }
    h2 {
    	font-size: 2em;
    	color: #895F30;
    	padding: 20px 10px 5px 10px;	
    }
    h3 {
    	font-size: 1.7em;	
    	font-weight: normal;
    	padding: 20px 10px 5px 10px;		
    }
    
    p, dl { padding: 10px; margin: 0; }
    
    ul, ol {
    	margin: 10px 20px;
    	padding: 0 20px;
    }
    ul { list-style: none; }
    
    dt {
      font-weight: bold;
      color: #FAFAFA;
    }
    dd {
      padding-left: 25px; 
    }
    
    /* images */
    img {
    	background: #1B1B1B;
       border: 1px solid #1B1B1B;
    	padding: 6px;
    }
    img.float-right {
      	margin: 5px 0px 10px 10px;  
    }
    img.float-left {
      	margin: 5px 10px 10px 0px;
    }
    
    code {
      	margin: 5px 0;
      	padding: 15px;
      	text-align: left;
      	display: block;
      	overflow: auto;  
      	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ;
      	/* white-space: pre; */
      	background: #070707;
    	border: 1px solid #111;   
    }
    acronym {
      	cursor: help;
      	border-bottom: 1px dotted #5B5B5B;
    }
    blockquote {
    	margin: 15px 10px;
     	padding: 10px 10px 10px 35px;  
       background: #070707 url(quote.gif) no-repeat 10px 10px;
    	border: 1px solid #111; 
    	font-weight: normal;
    	font-size: 17px;
    	line-height: 1.6em;
    	font-style: italic;
    	font-family: Georgia, 'Times New Roman', Times, serif;	
    	color: #808080;	
    }
    
    /* start - table */
    table {
    	margin: 15px 10px; 
    	border-collapse: collapse;			
    }
    th {
    	background: #000;
    	color: #FAFAFA;
    	height: 38px;
    	padding-left: 12px;
    	padding-right: 12px;	
    	text-align: left;
    	border-left: 1px solid #211E20;
    	border-right: 1px solid #211E20;
    	border-bottom: 1px solid #211E20; 
    	border-top: 1px solid #48780E;
    }
    tr {
    	color: #5b5b5b;
    	height: 34px;		
    }
    td {
    	padding-left: 12px;
    	padding-right: 12px;
    	border: 1px solid #111;	
    	background: #070707; 
    }
    /* end - table */
    
    
    /* form elements */
    form {
    	margin: 20px 10px; 
    	padding: 15px 25px 25px 20px; 
    	background: #070707; 	
    	border: 1px solid #111;	
    }
    form p {
    	border-bottom: 1px solid #101010;
    	padding: 12px 0 5px 0;	margin: 0;	
    }
    label {
    	font-weight: bold;	
    	color: #FAFAFA;
    }
    input, select, textarea {
    	margin: 5px 0;
    	padding: 5px;
    	font: normal 1em Verdana, Tahoma, sans-serif;
    	color: #6A6969;
    	background: #FFFFFF;  
    	border: 1px solid #1C1C1C;
    }
    option { padding-right: 0.5em; } 
    
    #name, #email, #message{
    	width: 480px;
    }
    input.button { 
    	font: bold 12px Arial, Verdana, Sans-serif; 
    	height: 30px;
    	padding: 2px 3px; 
    	margin-top: 8px;
    	color: #48780E;
    	background: #000;
    	border-width: 1px;
      	border-style: solid;
      	border-color: #1B1B1B;
    }
    
    
    /* ------------------------------------------
       LAYOUT
    ------------------------------------------- */ 
    #wrap {
    	width: 950px;	
    	margin: 0 auto;
    	text-align: left;		
    }
    #content-wrap {
    	clear: both;
    	width: 950px;	
    	float: left;	
    	padding-top: 15px;
    	padding-bottom: 50px;	
    	background: url(midline.gif) repeat-y 600px 0;	
    	border-top: 1px solid #121212;
    	border-bottom: 1px solid #121212;
    }
    #header {
    	position: relative;
    	width: 950px;	
    	height: 370px;	
    	margin: 0; padding: 0;			
    }
    #header h1#logo-text a {
    	position: absolute;
    	margin: 0; padding: 0;
    	font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
    	letter-spacing: -1.5px;
    	color: #F8F8F8;
    	text-decoration: none;
    	text-transform: none;
    		
    	/* change the values of top and left to adjust the position of the logo*/
    	top: 125px; left: 25px;	
    }
    #header h1#logo-text a:hover {
    	background: none;	border: none;
    }
    #header p#intro {
    	position: absolute;
    	margin: 0; padding: 0;
    	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
    	font-weight: bold;
    	font-size: 16px;
    	line-height: 1.5em;
    	font-style: normal;
    	text-transform: none;
    	color: #6D7D2D;
    	width: 400px;
    	
    	/* change the values of top and left to adjust the position */
    	top: 205px; left: 30px;		
    }
    
    /*  Navigation  */
    #nav {
    	position: absolute;
    	margin: 0; padding: 0;		
    	height: 50px;
    	left: 10px;	top: 30px;			
    }
    #nav ul {
    	float: left;
    	list-style: none;
    	height: 50px;
    	margin: 0 0 0 5px; padding: 0;	
    	display: inline;
    }
    #nav ul li {
    	display: inline;
    	margin: 0; padding: 0;
    }
    #nav ul li a {
    	float: left;
    	margin: 0;	padding: 0 12px;
    	font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
    	text-decoration: none;	
    	color: #c95723;	
    	text-transform: uppercase;
    }
    #nav ul li a:hover, 
    #nav ul li a:active {
    	color: #eee;
    	background: none;
    	border: none;
    }
    #nav ul li#current a {	
    	color: #D33972;	
    }
    
    /* Main Column */
    #main {
    	float: left;
    	width: 565px;
    	padding: 0; margin: 0 0 0 10px;
    	display: inline;		
    }
    #main h2 {
    	padding: 5px 12px;
    	margin: 15px 5px 10px 5px;
    	font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				
    	color: #45D5E6;
    	border-bottom: 1px solid #121212; 
    	background-image: url(pattern.gif);	
    }
    #main h2 a {
    	color: #45D5E6;
    	text-decoration: none;		
    	border: none;		
    }
    #main ul li {
    	list-style-image: url(bullet.gif);
    }
    
    /* Sidebar */	
    #sidebar {
    	float: right;
    	width: 300px;
    	padding: 0; margin: 0px 18px 0 0;		
    	display: inline;	
    }	
    #sidebar h3 {
    	padding: 5px 12px;
    	margin: 15px 5px 10px 0;
    	font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
    	color: #45D5E6;
    	border-bottom: 1px solid #121212; 
    	background-image: url(pattern.gif);		
    }
    #sidebar ul.sidemenu {
    	text-align: left;
    	margin: 20px 5px 20px 0px; 
    	padding: 0;		
    	border-top: 1px solid #111;		
    }
    #sidebar ul.sidemenu li {
    	list-style: none;
    	padding: 8px 10px;
    	margin: 0;		
    	border-bottom: 1px solid #111;
    }
    * html body #sidebar ul.sidemenu li {
    	height: 1%;
    }
    #sidebar ul.sidemenu li a {
    	text-decoration: none;	
    	border: none;
    	color: #666666;
    	font-weight: bold;		
    	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
    	font-size: 14px;		
    }
    #sidebar ul.sidemenu li a span {
    	color: #444;	
    	font-family: Georgia, 'Times New Roman', Times, serif;
    	font-style: italic;
    	font-weight: normal;	
    	font-size: 11px;
    }
    #sidebar ul.sidemenu li a:hover,
    #sidebar ul.sidemenu li a:hover span {	
    	color: #fff;	
    }
    #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
    #sidebar ul.sidemenu ul li { border: none; }
    
    /* header quick search */
    #sidebar form#quick-search {
    	padding: 0; margin: 20px 0 35px 0;
    	border: none;
    	width: 290px; height: 33px;
    	background: url(header-search.gif) no-repeat;		
    }
    #sidebar form#quick-search p {
    	margin: 0; padding: 0;		
    }
    #sidebar form#quick-search input {
    	float: left;
    	border: none;
    	background: transparent;
    	color: #4E4E4E;	
    	margin: 0;
    }
    #sidebar form#quick-search .tbox {
    	margin: 5px 0 0 5px; 
    	width: 240px;	
    	display: inline;	
    }
    #search form#quick-search .btn{
    	width: 24px; height: 24px;			
    }
    #sidebar form#quick-search label {
    	display: none;
    }
    
    /* footer */
    #footer {
    	clear: both;
    	padding: 1em 0 2.5em 0;
    	background: #010000;
    	color: #4E4E4E;
    	width: 100%;
    	float: left;		
    	border-bottom: 60px solid #010000;	
    }
    #footer a {	
    	color: #0E909C;
    	border: none;
    }
    #footer a:hover {
    	color: #fafafa;
    }
    #footer .rssfeed {
    	background: url(rss.gif) no-repeat left 1px;
    	padding-left: 17px;
    }
    #footer-left {
    	float: left;
    	width: 70%;
    }
    #footer-right {
    	float: right;
    	width: 25%;
    }
    
    /* postmeta */
    .postmeta {	
    	padding: 7px 5px; margin: 20px 10px 30px 10px;	
    	font-size: 1em;	
    	color: #545454;
    	border: 1px solid #111; 
    	background: #070707; 
    }
    .postmeta .date{ margin: 0 10px 0 5px;	}
    .postmeta a.comments { margin: 0 10px 0 5px;	}
    .postmeta a.readmore { margin: 0 10px 0 5px;	}
    
    .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
    .post-info a, .post-info a:visited { color: #AE275A; }
    
    /* alignment classes */
    .float-left  { float: left; }
    .float-right { float: right; }
    .align-left  { text-align: left; }
    .align-right { text-align: right; }
    
    /* display and additional classes */
    .no-border { border: none; }
    .clearer { clear: both; }
    .clear {	display:inline-block; }
    .clear:after {
    	display:block; 
    	visibility:hidden; 
    	clear:both; 
    	height:0; 
    	content: "."; 
    }
    
    .recaptchatable .recaptcha_image_cell, #recaptcha_table {
       background-color:#FFFFFF !important; //reCaptcha widget background color
     }
     
     #recaptcha_table {
       border-color: #FFFFFF !important; //reCaptcha widget border color
     }
     
     #recaptcha_response_field {
       border-color: #FFFFFF !important; //Text input field border color
       background-color:#FFFFFF !important; //Text input field background color
     }
    hc.

  10. #20
    Join Date
    Feb 2007
    Posts
    82

    Default Re: ReCaptcha issue.

    ok, on a light background page, the images for Captcha look fine, but on a dark page, they look gray.
    have you looked here to try a darker theme?
    http://wiki.recaptcha.net/index.php/Theme

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Required Fields Issue
    By sportess in forum FormMail Subscription Support
    Replies: 3
    Last Post: 06-Oct-2005, 08:10 PM
  2. MAC OS X issue - anyone else having trouble?
    By Anasazi in forum FormMail Subscription Support
    Replies: 0
    Last Post: 27-Apr-2005, 07:54 PM
  3. good_template issue, please advise...
    By nhouse in forum FormMail Subscription Support
    Replies: 4
    Last Post: 08-Mar-2005, 08:56 PM
  4. Form attachments - encoding issue
    By mark70 in forum FormMail Subscription Support
    Replies: 5
    Last Post: 06-Oct-2004, 07:45 PM
  5. file upload issue - everything else is perfect.
    By baergnat in forum FormMail Subscription Support
    Replies: 3
    Last Post: 20-Sep-2004, 08:02 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •