Help us test the new Databridge BETA with MySQLi support

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › CSS Menu Writer › Menu CSS is not showing

Menu CSS is not showing

Thread began 8/19/2011 1:48 am by debbie295402 | Last modified 8/19/2011 2:06 pm by Jason Byrnes | 3233 views | 10 replies |

8/19/2011 1:48 am | #1 debbie295402

Menu CSS is not showing

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:48 am | #2 neilo

Only the working page that you link to has been given a <!DOCTYPE . . . > declaration.

They work fine in Firefox, but some browsers will require the DOCTYPE declaration on each page.

8/19/2011 10: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 11: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 12:15 pm | #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 12:29 pm | #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 12:45 pm | #7 Jason ByrnesWebAssist

Sorry, I've not run into an issue with Dreamweaver doing that before, not sure why it would start doing that on you.

8/19/2011 12:52 pm | #8 debbie295402

The thing is that all new pages created from the template need to have the <!DOCTYPE HTML> added. Very weird. probably something I'm missing. Thanks.

8/19/2011 1:01 pm | #9 Jason ByrnesWebAssist

send a copy of your template in a zip file,I may be able to see the cause of the problem if i can see the code.

8/19/2011 1:46 pm | #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!

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.