Webpage menu not playing well with image loading code

JavaScript
1

I am using this fancy box code to smoothly pop up an image on click, I got it working on my [URL=“http://www.meta.projectmio.com/index2.html”]main index page but that’s not where I want to put it. My site has a menu where it loads webpages inside the main index one, I would like to use the code on one of those pages but something is not working.

I am not able to use the specified DOCTYPE but find that it works all the same with my current one, however if I use the given one in addition to the one I have now (and need) then my site does not work properly, further if I replace it I get the same results.

My existing doctype:

<DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
			"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"
			"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

What the code uses:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

I’m not sure what the differences are but I’ve been advised that I need to run the code in “standards mode” before I try to fix it. As I see it the code works, just not where I need it to, nothing unusual on my site and nothing unusual that I may be wrong.

On my site you can see at the bottom right a blue text link called “aaaa” this is the code that works, however (clicking the dome to the left of that to scroll the page down and selecting the “met.a has guts” menu option [URL=“http://www.flickr.com/photos/39662513@N02/4235205467/”]diagram) you’ll see the “aaaa” link again at the bottom left of that page and that is where I need it to work from.

I even tried using the exact code from the example in that linked .htm page but it doesn’t make a difference, it probably even hinders the code as it looks at the main html page. But if loading the page on its own the code will work, so its related to the menu and the way that works.

If anybody can help that would be brilliant, I’m sure its something simple.

Thanks!

2

It looks like your doctype is screwed up.

Check this out - Fixing your site with the right doctype

3

Thanks for replying. I’ve got to admit I’m the type of person who does make a conscious effort to understand something but in the back of their mind really knows the answer before they’ve made that effort. I have to say, I didn’t understand it.

What’s more they say that there are loads of them, I just don’t know. But is it really a DOCTYPE issue? Because the code does work, its the menu loading the pages externally which prevents it from working, do you think its just the DOCTYPE?

Thanks

4

Here’s a good standard template to use.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"> 
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Page title</title>
</head>
<body>
    ...
</body>
</html>
5

Hi, thanks for your reply. I tried removing the old ones and replacing with the standard you suggested but I got the same result. The thing is it will work and does on the main page, but not in that menu I have… plus if I get rid of those other decelerations then it might have an adverse affect on other code?

I switched it back, but when I tried it I got no joy. Thanks for trying though!