[Solved]Correct place to upload navigation images

[jasnick]

Using 1.10.2

Apologies if this is not the right place to post this issue.

Site is http://www......com

Using VistaButtons menu. Tearing my hair out as it works perfectly in
http://www......com.au.

The images are not showing in any browser. In Fx not even image placements are showing.

Code for the head is:
{literal}
<!-- Begin Vista-Buttons.com HEAD SECTION id=vbUL_wk5pp-->
<link href="mwtnav-files/styles_wk5pp.css" type="text/css" rel="stylesheet"/>[* I tried changing this to cms_stylesheet to no avail][/i]
<style type="text/css">A#vbUL_wk5ppa{display:none}</style>
<!-- End Vista-Buttons.com HEAD SECTION -->
{/literal}

and for the body: [placed inside #nav in template]
{literal}
<!-- Begin Vista-Buttons.com BODY SECTION id=vbUL_wk5pp-->

<table id="vista-buttons_com_idwk5pp" width="0" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right:0px" title ="Home">
<a href="http://......com" onmouseover='xpe("wk5ppo");' onmouseout='xpe("wk5ppn");'><img id="xpi_wk5pp" src="mwtnav-files/btwk5pp_0.png" name="vbwk5pp" width="97" height="44" border="0" alt="Home" /></a></td><td style="padding-right:0px" title ="Meetings/Events">
<a href="http://.....com/meetings-events" onmouseover='xpe("4k5ppo");' onmouseout='xpe("4k5ppn");'><img id="xpi_4k5pp" src="mwtnav-files/bt4k5pp_0.png" name="vb4k5pp" width="173" height="44" border="0" alt="Meetings/Events" /></a></td><td style="padding-right:0px" title ="Competitions">
<a href="http://.....com/competitions" onmouseover='xpe("zk5ppo");xpshow("zk5pp",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_zk5pp" src="mwtnav-files/btzk5pp_0.png" name="vbzk5pp" width="148" height="44" border="0" alt="Competitions" /></a><div>
<ul id="vbUL_zk5pp" class="vbULwk5pp">
<li><a title="Competition Results">Competition&nbsp;Results</a></li>
<li><a title="Awards 2011">Awards&nbsp;2011</a></li></ul></div></td><td style="padding-right:0px" title ="Membership">
<a href="http://......com/membership" onmouseover='xpe("uk5ppo");' onmouseout='xpe("uk5ppn");'><img id="xpi_uk5pp" src="mwtnav-files/btuk5pp_0.png" name="vbuk5pp" width="140" height="44" border="0" alt="Membership" /></a></td><td style="padding-right:0px" title ="Resources">
<a href="http://....com/resources" onmouseover='xpe("vk5ppo");xpshow("vk5pp",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_vk5pp" src="mwtnav-files/btvk5pp_0.png" name="vbvk5pp" width="127" height="44" border="0" alt="Resources" /></a><div>
<ul id="vbUL_vk5pp" class="vbULwk5pp">
<li><a title="Links">Links</a></li>
<li><a title="Articles">Articles</a></li>
<li><a title="Tutorials">Tutorials</a></li>
<li><a title="Tools">Tools</a></li></ul></div></td><td style="padding-right:0px" title ="Gallery">
<a href="http://......com/gallery" onmouseover='xpe("yk5ppo");' onmouseout='xpe("yk5ppn");'><img id="xpi_yk5pp" src="mwtnav-files/btyk5pp_0.png" name="vbyk5pp" width="102" height="44" border="0" alt="Gallery" /></a></td><td style="padding-right:0px" title ="Contact Us">
<a href="http://......com/contact-us" onmouseover='xpe("xk5ppo");' onmouseout='xpe("xk5ppn");'><img id="xpi_xk5pp" src="mwtnav-files/btxk5pp_0.png" name="vbxk5pp" width="132" height="44" border="0" alt="Contact Us" /></a></td></tr></table><__script__ type="text/javascript"> var vbImgPath="mwtnav-files/"</__script>
<__script__ type="text/javascript" src="mwtnav-files/scwk5pp.js"></__script>
<a id="vbUL_wk5ppa" href="http://vista-buttons.com">Pull Down Menu Html by Vista-Buttons.com v5.7</a>
<!-- End Vista-Buttons.com BODY SECTION -->
{/literal}

The file "mwtnav.vbprj" and folder "mwtnav-files" are all placed in the same directory as the config file.

Just about ready to use normal navigation if I can't find the answer to this quickly.

Thanks

[uniqu3]

Path says images should be in http://mandurahwoodturners.com/mwtnav-files/ this means your YOURCMSMSFOLDER/mwtnav-files/yourfileshere.png

[Dr.CSS]

This can be done a lot cleaner using page image and CSS, like this...

http://www.dequenesh.org/

The larger background image, square with arrow down, is CSS driven and all the images over it are page images, the little people, hose with magnifying glass, envelope, etc...

[jasnick]

Thanks, uniqu3 and Dr.CSS

uniqu3 -

your YOURCMSMSFOLDER/mwtnav-files/yourfileshere.png

- I thought that was where it was. When I install CMSMS from Softaculous, that is where I put it, in the group of files including admin dir, modules, uploads, config etc.
Is that wrong?

Dr.CSS

This can be done a lot cleaner using page image and CSS, like this...

http://www.dequenesh.org/

Yes I know - I was looking at this very same technique using CSS and the double image only yesterday when I was thinking I should move to a CSS based nav. Your example is very impressive!

Thanks.