I have already tried to resolve this through the support room to no avail, I hope you can help.
Problem:
Now, the website structure works fine, all the pages are where they need to be, and navigation between pages via the CSS Menu works great, however, only in 'Preview'.
Once published it is all the same, except the links within the CSS Menu do not work.
Effectively confining the website to the Index/Homepage.
Solution:
- I was of the opinion that S-Drive or Direct FTP were not translating the links within the CSS Menu HTML code from C:Drive based files to Server based files.
-However, after sharing this theory with Orlando of the CoffeeCup Team, his response was:
"I[t] actually has nothing to do with S-Drive or Direct FTP it is how the markup is referenced on the page. If you created it with the CSS menu Builder, you should have saved it and it would have to been under .mnu extension. That is what we need."
- In response I told him this CSS Menu was made using PureCSSmenu and therefore I have no .mnu files, only the HTML in my website.
I hope someone out there can help.
Below please find the actual HTML code for my CSS Menu.
<!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>Generated by Pure CSS Menu.com : Free CSS Drop Down Menu Generator</title>
<meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." />
</head>
<body bgcolor="#ffffff">
<!-- Start PureCSSMenu.com STYLE -->
<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
margin:0px;
list-style:none;
padding:0px 1px 1px 0px;
background-color:#FFBD59;
background-repeat:repeat;
border-color:#A6A6A6;
border-width:0px;
border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
display:block;
zoom:1;
float: left;
}
ul.pureCssMenu ul{
width:204.75px;
}
ul.pureCssMenu li{
display:block;
margin:1px 0px 0px 1px;
font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#FFBD59;
border-width:0px;
border-color:#FCEEB0;
border-style:solid;
text-align:left;
text-decoration:none;
padding:5px;
_padding-left:0;
font:bold 10px Arial;
color: #000000;
text-decoration:none;
cursor:pointer;
}
ul.pureCssMenu span{
overflow:hidden;
}
ul.pureCssMenu li {
float:left;
}
ul.pureCssMenu ul li {
float:none;
}
ul.pureCssMenu ul a {
text-align:left;
white-space:nowrap;
}
ul.pureCssMenu li.sep{
text-align:left;
padding:0px;
line-height:0;
height:100%;
}
ul.pureCssMenu li.sep span{
float:none; padding-right:0;
width:3;
height:100%;
display:inline-block;
background-color:#A6A6A6; background-image:none;}
ul.pureCssMenu ul li.sep span{
width:100%;
height:3;
}
ul.pureCssMenu li:hover{
position:relative;
}
ul.pureCssMenu li:hover>a{
background-color:#16DB6B;
border-color:#4C99AB;
border-style:solid;
font:bold 10px Arial;
color: #FFFFFF;
text-decoration:none;
}
ul.pureCssMenu li a:hover{
position:relative;
background-color:#16DB6B;
border-color:#4C99AB;
border-style:solid;
font:bold 10px Arial;
color: #FFFFFF;
text-decoration:none;
}
ul.pureCssMenu li.dis a {
color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
display:block;
background-image:url(./images/arrv_blue_2.gif);
background-position:right center;
background-repeat: no-repeat;
padding-right:8px;}
ul.pureCssMenu li:hover>a>span{ background-image:url(./images/arrv_white_2.gif);
}
ul.pureCssMenu a:hover span{ _background-image:url(./images/arrv_white_2.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white_2.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}
</style>
<!-- End PureCSSMenu.com STYLE -->
<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
<li class="pureCssMenui0"><a class="pureCssMenui0" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/index.html">Home</a></li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/aboutus.html"><span>About us </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/OurGoals.html">Our Goals</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Vision,MissionandStrategy.html">Vision,Mission and Strategy</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Organisation.html">Organisation</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/BoardofTrustees.html">Board of Trustees</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/StaffandConsultants.html">Staff and Consultants</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Regions.html">Regions</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/History.html">History</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/CurrentIssues.html"><span>Current issues</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/ClimateChange.html">Climate Change</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/EnvironmentalSustainability.html">Environmental Sustainability</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/PovertyReduction.html">Poverty reduction</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Sustainablebuildings.html">Sustainable buildings</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Tradedevelopment.html">Trade Development</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/OurProjects.html">Our projects</a></li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Howwework.html"><span>How we work</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Membercountries.html">Member countries</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/WorkshopsandTrainingCourses.html">Workshops and training courses</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Workingwithus.html"><span>Working with us</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Jobvacancies.html">Job vacancies</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Internships.html">Internships</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Volunteering.html">Volunteering</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Procurement.html">Procurement</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/News.html"><span>News</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/FeaturedStories.html">Feature Stories</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Newspage.html">News</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Events.html">Events</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/UpdatesfromourPartners.html">Updates from our partners</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/GlobalBambooCampaigns.html">Global bamboo campaigns</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/LatestupdatesfromIBRAO.html">Latest updates from IBRAO</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/MediaCoverage.html">Media coverage</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="pureCssMenui0"><a class="pureCssMenui0" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/EducationandLearning.html"><span>Education and learning</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="pureCssMenum">
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Publications.html">Publications </a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Databases.html">Databases</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/BambooScienceandCultureForum.html">Bamboo Science and Culture Forum</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/PhotoGallery.html">Photo Gallery</a></li>
<li class="pureCssMenui"><a class="pureCssMenui" href="file:///C:/DOCUME~1/Hello/LOCALS~1/Temp/vsd_tmpdir/Videos.html">Videos</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- End PureCSSMenu.com MENU -->
<!-- (c) 2009, PureCSSMenu.com -->
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
Here you can also see it in place on the website:
http://ibrao.coffeecup.com/
Thank you,
Tariq.
