Menu CSS is not showing

8/18/2011 10:48 pm | #1 debbie295402

I've hit a wall. I've been using CSS MenuWriter forever, but today I did something that doesn't allow the css to show on template pages. Please see www.dsh-solutions.com for the correct page, then just hit any other sub page and the css for the menu isn't showing. Not sure what I did and I've looked at the code for 2 hours now to make sure that the paths are correct. I've checked links and I'm at a loss. Anyone with a fresh pair of eyes willing to give this a go? Or is it a bug?

8/19/2011 7:03 am | #3 Jason ByrnesWebAssist

nielo is absolutely correct about the doctype.

IE is the most notorious for needing to have the doctype specified.

when no doctype is specified, IE will go into "Quirks Mode".

In "Quirks Mode" IE will use the IE 5 rendering engine which just barely has support for CSS1

quirksmode.html

8/19/2011 8:57 am | #4 debbie295402

Actually, they all have a doctype of <!doctype HTML> (html5) but it is located after the template text that dreamweaver put in for it's template use. I've used dreamweaver templates on all my sites and never had an issue... I've removed and readded the menu in case I screwed up the xml file somehow, but nada.

Here's the head info if this helps:
<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

<title>Zonta Club of Santa Clarita Valley |  </title>

<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript" src="../scripts/cufon.js">
</script>
<script src="../scripts/TeXGyreAdventor_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1'); // Works without a selector engine
Cufon.replace('#menu li a'); // Works without a selector engine
//Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above
</script>
<script type="text/javascript" src="../scripts/jquery.js"></script>
<link rel="stylesheet" href="../styles/reset.css" />
<link rel="stylesheet" href="../styles/960.css" />
<link rel="stylesheet" href="../styles/style.css" />


<script type="text/javascript" src="../CSSMenuWriter/cssmw/menu.js"></script>
<style type="text/css" media="all">

</style>



</head>

8/19/2011 9:15 am | #5 Jason ByrnesWebAssist

the doctype MUST be the first tag on the page, if IE sees any html code before the doctype, it will go to quirks mode:

<!DOCTYPE HTML>

needs to be rearranged to:
<!DOCTYPE HTML>

8/19/2011 9:29 am | #6 debbie295402

That was the solution. Thanks so much!!

Any idea offhand why dreamweaver would start creating templates this way? This was working throughout but during one of the updates (not sure which one) I got this...

8/19/2011 10:46 am | #10 debbie295402

I just found that the opening <html> tag was missing so it screwed up the template and where it put it's editable/lock language. Fresh eyes and no panic really makes a difference!

Thanks for the offer and the help!

Email me with all replies to this thread

Title:

Public Message: (viewable by anyone reading this thread)
(do not cut and paste code into this field unless necessary, attach copies of your pages so they can be opened in Dreamweaver for debugging)

Type in the characters exactly as displayed below - if you don't complete the Captcha correctly you will get a blank page, so you may want to copy the text of your message before you submit!

Quote message in reply?

Private Message: (viewable only by you, the person you are replying to, and WebAssist employees)
(only put truly private information in this area such as ftp details and phone numbers. Keep as much of your post public as possible)

These attachments are private (viewable only by you, the person you are replying to, and WebAssist employees)

Manage Attachments

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Menu CSS is not showing

8/18/2011 10:48 pm | #1 debbie295402