I am trying to use Dreamweaver to create basic html code which I can paste into a .azw page and this seems nearly successful.
In Dreamweaver I also use some very useful extensions from ProjectSeven e.g. PopMenuMagic
http://www.projectseven.com/products...pmm2/index.htm
In Dreamweaver I produced a basic html page including the code for a menu and copied the code and the css folder into a web project.
In the A5 html editor all seems correct and the menu and styles show as expected but if I run the page the styles do not show.
I have tried the (style) folder p7pm/p7pmh6.css in Default.WebProject
also up one level and it seems to publish OK but cant see how to check this.
Can anyone see why the styles will not show please? Thanks John
This is the page source code:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
"http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="p7pm/p7popmenu.js"></script>
<style type="text/css" media="screen">
<!--
@import url("../p7pm/p7pmh6.css");
-->
</style>
</head>
<body onLoad="P7_initPM(1,6,1,-20,10)">
<table width="780" border="0" align="center" cellpadding="5" cellspacing="2">
<tr>
<td colspan="2">Parts</td>
</tr>
<tr>
<td colspan="2"><ul id="p7PMnav">
<li><a href="#">Section 1</a>
<li><a class=p7PMtrg href="#">Section 2</a>
<ul>
<li><a href="#">Link 2.1</a></li>
<li><a class=p7PMtrg href="#">Link 2.2</a>
<ul>
<li><a href="#">Link 2.2.1</a></li>
<li><a href="#">Link 2.2.2</a></li>
<li><a href="#">Link 2.2.3</a></li>
</ul>
</li>
<li><a href="#">Link 2.3</a></li>
</ul>
<li><a class=p7PMtrg href="#">Section 3</a>
<ul>
<li><a href="#">Link 3.1</a></li>
<li><a href="#">Link 3.2</a></li>
<li><a href="#">Link 3.3</a></li>
</ul>
<li><a href="#">Section 4</a><!--[if lte IE 6]><style>#p7PMnav a{height:1em;}#p7PMnav li{height:1em;}#p7PMnav ul li{float:left;clear:both;width:100%}</style><![endif]--><!--[if IE 6]><style>#p7PMnav ul li{clear:none;}</style><![endif]--><!--[if IE 7]>
<STYLE>#p7PMnav a{zoom:100%;}#p7PMnav ul li{float:left;clear:both;width:100%;}</STYLE>
<![endif]--></li>
</ul></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
In Dreamweaver I also use some very useful extensions from ProjectSeven e.g. PopMenuMagic
http://www.projectseven.com/products...pmm2/index.htm
In Dreamweaver I produced a basic html page including the code for a menu and copied the code and the css folder into a web project.
In the A5 html editor all seems correct and the menu and styles show as expected but if I run the page the styles do not show.
I have tried the (style) folder p7pm/p7pmh6.css in Default.WebProject
also up one level and it seems to publish OK but cant see how to check this.
Can anyone see why the styles will not show please? Thanks John
This is the page source code:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
"http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="p7pm/p7popmenu.js"></script>
<style type="text/css" media="screen">
<!--
@import url("../p7pm/p7pmh6.css");
-->
</style>
</head>
<body onLoad="P7_initPM(1,6,1,-20,10)">
<table width="780" border="0" align="center" cellpadding="5" cellspacing="2">
<tr>
<td colspan="2">Parts</td>
</tr>
<tr>
<td colspan="2"><ul id="p7PMnav">
<li><a href="#">Section 1</a>
<li><a class=p7PMtrg href="#">Section 2</a>
<ul>
<li><a href="#">Link 2.1</a></li>
<li><a class=p7PMtrg href="#">Link 2.2</a>
<ul>
<li><a href="#">Link 2.2.1</a></li>
<li><a href="#">Link 2.2.2</a></li>
<li><a href="#">Link 2.2.3</a></li>
</ul>
</li>
<li><a href="#">Link 2.3</a></li>
</ul>
<li><a class=p7PMtrg href="#">Section 3</a>
<ul>
<li><a href="#">Link 3.1</a></li>
<li><a href="#">Link 3.2</a></li>
<li><a href="#">Link 3.3</a></li>
</ul>
<li><a href="#">Section 4</a><!--[if lte IE 6]><style>#p7PMnav a{height:1em;}#p7PMnav li{height:1em;}#p7PMnav ul li{float:left;clear:both;width:100%}</style><![endif]--><!--[if IE 6]><style>#p7PMnav ul li{clear:none;}</style><![endif]--><!--[if IE 7]>
<STYLE>#p7PMnav a{zoom:100%;}#p7PMnav ul li{float:left;clear:both;width:100%;}</STYLE>
<![endif]--></li>
</ul></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>