PDA

View Full Version : Sliding doors menu won't work when doctype defined



groovygarden
01-22-2008, 09:40 PM
1) Script Title: Sliding Doors Tabs Menu (horizontal)


2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/

3) Describe problem:

This has been driving me mad for a couple of hours tonight, and I'm about to give up and go to bed!

I've added the sliding doors tab menu to my website, but it doesn't work - the left hand tab image doesn't appear. I've finally worked out that if I remove the DOCTYPE def from my page, then the tabs appear fine. But removing the DOCTYPE messes up the rest of my page.

What can I do?

The doctype I'm using is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Any help really gratefully received

PS: I've tried creating a new page which just contains the Sliding Doors CSS and html, and get the same problem - as soon as I add my DTD, it doesn't work

groovygarden
01-22-2008, 10:53 PM
I fixed this by changing the doctype to: <!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Was going to delete the thread, but couldn't work out how!

jscheuer1
01-23-2008, 07:09 AM
That DOCTYPE:


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

really shouldn't be a problem, were there validation errors?

In any case, I just set up a local copy of sliding doors with that DOCTYPE and after validating the page (even before), it worked fine in FF, IE, and Opera. So there must be some other problem.

However, HTML 4.01 strict is generally the DOCTYPE one should be using for all web content anyway.