close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

problems with menu creation

Thread began 3/11/2009 5:57 am by chris284465 | Last modified 3/20/2009 7:19 am by chris284465 | 2209 views | 6 replies |

chris284465

problems with menu creation

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

Sign in to reply to this post

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.

Sign in to reply to this post

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" />
<!-- 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" -->

Sign in to reply to this post

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:


<!--[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.

Sign in to reply to this post

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>
Sign in to reply to this post

Ray BorduinWebAssist

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 )

Sign in to reply to this post

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

Sign in to reply to this post

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...