For once, I need some html help

Milambar · 16-12-2010, 18:34

Working on a simple ajax powered captcha. Heres what I have so far, its non functional yet...
http://milambar.masterroot.de/circle2.html

Now.. If I add a doctype (of any kind), I get this:
http://milambar.masterroot.de/circle.html

Without a doctype, the html works as intended.

With a doctype, the html is treated as if it was a .txt file. I can't for the life of me figure out why...

mr_bo · 16-12-2010, 19:59

what character encoding are you declaring in the doctype? I'm on my phone so can't view source

Edit:

Try adding:

Code:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

as W3 Validator is chucking out a character encoding error.

mentalis · 16-12-2010, 20:36

I have just had a look at this, and one thing is in your style tag you have .letterBox (with capital B), but in the spans the class is letterbox (with lower case b).

XHTML is case sensitive, so classes have to be spelt the same way.

Saying that, when I replace .letterBox with .letterbox all the spans ended up on top of each other.

Milambar · 16-12-2010, 20:58

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

circle.html validates perfectly at the w3c validation tool, but doesn't work in reality.
circle2.html doesnt validate (because I deleted the doctype line), but work perfectly in reality.

I can't figure out why the doctype declaration is ruining the html itself.

In response to mentalis: Yes, I spotted that a bit ago, and corrected it, just forgot to upload the changed files. I've uploaded them now, as you can see, different error, but still broken.

punky · 16-12-2010, 22:16

Change the last two lines to this:

Code:

		boxArray[i].style.top = Math.floor(y) + 'px';
		boxArray[i].style.left = Math.floor(x) + 'px';

It's a javascript error as you are trying to parse in doubles when the style needs an int converted to a string with units.

I have no idea why you get it with the doctype and not without. Must be something to do with the Javascript engines.

Also there's an error in the CSS. There's no such thing as #black;, it is #000000;

---------- Post added at 22:16 ---------- Previous post was at 21:36 ----------

BTW, i've done a quick google. Seems a common problem. When you specify a doctype you shift your browser from "quirks mode" (where the browser tries to fix errors) into standards mode (where it skips errors).

Milambar · 16-12-2010, 23:11

Thank you so much, Punky. Gods, how did I miss that...