problems with menu creation

3/11/2009 2:57 am | #1 chris284465

Hi folks, new to css menuwriter and have gone through the tutorial thing but didn't help with the problems i'm getting and can't see any similar issues here so is it just me that its happening with!?!

i create my menu and apply it to my template and it looks ok (although i can't get it to span the whole width of the div its in)

but when the template applies/updates the pages created from it, the menu only shows up as an <li> as opposed to applying the css to it, although the css ref is in the code.

cheers for any help on this,

Chris

3/11/2009 8:28 am | #2 Ray BorduinWebAssist

Make sure the css and javascript code is moved outside the editable region or the paths may not be updated properly... most likely this is the issue.

You should, however, leave your css conditional code in an editable region. It will not be updated properly by dreamweaver, so you will have to manually update the paths on the resulting pages in different sub-directories. If all of the pages are in the same directory, you can update the path directly on the template to match the correct final path insted of the template relative path and move it ouside the editable region as well.

Did this help? Tips are appreciated...

3/17/2009 8:45 am | #3 chris284465

thanks for that reply but i don't really know what i'm checking for!

this is the code on the template can someone have a look and see whats wrong?!

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Pitairlie Garage - TEMPLATE</title>

<style type="text/css" media="all">

</style>
<style type="text/css" media="print">

</style>



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

</style>


</head>

<body>

<div id="outerWrapper">
<div id="header"><a href="../contact.asp"><img src="../images/headerimage.jpg" width="780" height="250" alt="headerimage" /></a></div>
<div id="topNavigation">
</div>

3/17/2009 9:00 am | #4 Ray BorduinWebAssist

Nothing is wrong with the code on the template... The issue is with the code on the pages.

Normally if a page is derived from a template, DW will automatically update the paths from the template....

However we use IE conditional css, which looks like:



The fact that this code is in a comment prevents DW from updating the path properly, so you have to go to the individual pages and update the paths manually before it will work. Do you have a url of a page demonstrating the problem? I could tell you what to correct on that page, the template itself looks correct.

Did this help? Tips are appreciated...

3/18/2009 1:20 pm | #5 chris284465

thanks for your help on this ray, having some hosting issues at this minute due to domain transfer taking forever!!

here's part of the code from one of the pages that i'm having prob with, i'll try again and upload tomorrow hopefully the hosting will be sorted out!

<!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"><!-- InstanceBegin template="/Templates/PitairlieGarage.dwt.asp" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome to Pitairlie Garage</title>
<!-- InstanceEndEditable -->
<style type="text/css" media="all">
<!--
@import url("css/pitairliescreen.css");
-->
</style>
<style type="text/css" media="print">
<!--
@import url("css/pitairlieprint.css");
-->
</style>
<!--[if IE 5]>
<style type="text/css"> 
/* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
#outerWrapper #contentWrapper #leftColumn1 {
  width: 220px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css"> 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
#outerWrapper #contentWrapper #content {
  zoom: 1;
}
</style>
<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<script type="text/javascript" src="../CSSMenuWriter/cssmw/menu.js"></script>
<style type="text/css" media="all">
<!--
@import url("../CSSMenuWriter/cssmw/menu.css");
-->
</style>
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import url("../CSSMenuWriter/cssmw/menu_ie.css");
</style>
<![endif]--><!-- InstanceEndEditable -->
</head>

<body>

<div id="outerWrapper">
  <div id="header"><a href="contact.asp"><img src="images/headerimage.jpg" width="780" height="250" alt="headerimage" /></a></div>
  <div id="topNavigation">
    <!--#include file="CSSMenuWriter/cssmw/menu.asp" --></div>

3/18/2009 1:29 pm | #6 Ray BorduinWebAssist

Replace:

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

</style>

</style>
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import url("CSSMenuWriter/cssmw/menu_ie.css");
</style>

( I removed the ../ s )

Did this help? Tips are appreciated...

3/20/2009 4:19 am | #7 chris284465

ray, thanks for that i went and made those changes and after closing and reopening dreamweaver its worked (thought it hadn't for a start!!)

although i still can't get the menu to 'span' the full width of the div its contained in

cheers

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

problems with menu creation

3/11/2009 2:57 am | #1 chris284465