How can I prevent the reCaptcha element being formatted by the css used within a form?

Your help would be greatly appreciated.

See example of how the css affects the reCaptcha element below

www.therapytrainingschool.com/contact2.asp

Please view in Firefox. Thanks.

[8)][8)]

Edited by - karl hemmings on 01 Dec 2011  00:53:54

Edited by - karl hemmings on 01 Dec 2011  00:58:45

I'm still waiting on my reply but boy is that ugly.
It looks like you will have to put it in a div and use class definitions that are the same in the css for the captcha.

but I am not sure without playing with it and I haven't purchased the extension yet because I need to know if it works with dw8

Edited by - phil vouers on 01 Dec 2011  01:20:32

Hello Karl,

The problem is that your reset.css is in collusion with recaptcha code.

Quote

Hello Karl,

The problem is that your reset.css is in collusion with recaptcha code.

Hi there,

I have removed the reference to teh reset.css from teh page.

However this has not resolved the issue.
I cannot see anything else that calls teh reset.css on to teh page.

Any other ideas?

Edited by - karl hemmings on 02 Dec 2011  11:44:48

What brought me back to the forum this time was your post and what I discovered when having a bit of a look at the DOM structure in particular CSS on an otherwise bland page containing the reCaptcha object.

It may be of some help.

So, after a quick gander it appears Google may have not been very creative when naming their objects style items.

Therefore if you have created any of your own style items beginning with "recaptcha" then there will be a clash.

So if I'm right maybe, just maybe, that will help. Regards.

Damn, somethings just keep me awake!

[8)] I believe you need to have a look at the "style-book.css" file, and in particular...

#right form a{
	background:url(../images/register_member_icon2.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	font:bold 11px/14px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	color:#9CCC37;
	background-color:#595959;
	text-decoration:underline;
	float:left;
	margin:15px 0 0 0;
	width:220px;
}

There's better than 'alf a chance that is the culprit. /**/ remarking out that item seems to do the trick. Regards.

Hello Karl, R W,

Yes, the problem is with the

#right form a {

of your css file.
And the exact problem is the:

float: left;

- If you remove this line, your captcha will look as it should.

Quote

Hello Karl, R W,

Yes, the problem is with the

#right form a {

of your css file.
And the exact problem is the:

float: left;

- If you remove this line, your captcha will look as it should.

Hi there,

Fantastique!

I'll apply the fix later.

Thanks so much for everyone's input.
Very much appreciated.

Have a great Festive Season! []