PDA

View Full Version : problems with menu creation

caswebsolutions
03-11-2009, 02:57 AM
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
Ray Borduin
03-11-2009, 08:28 AM
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.
caswebsolutions
03-17-2009, 08:45 AM
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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Pitairlie Garage - TEMPLATE</title>
<!-- TemplateEndEditable -->
<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]-->
<!-- TemplateBeginEditable 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]-->
<!-- TemplateEndEditable -->
</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>
<!-- TemplateBeginEditable name="editable area" -->
Ray Borduin
03-17-2009, 09:00 AM
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:


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

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.
caswebsolutions
03-18-2009, 01:20 PM
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>
Ray Borduin
03-18-2009, 01:29 PM
Replace:

<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>


with:
<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>


( I removed the ../ s )
caswebsolutions
03-20-2009, 04:19 AM
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