AJX Menu Bar will not operate correctly in my website

[arielleb81365759]

Please bare with me as I am very new to dreamweaver. I created an entire website from scratch, very proud of myself, but now I've uploaded it onto my server and the ajx menu I found and inserted into the template files for my site does not look the way it does when I view it on dreamweaver. I think it is where I have it housed in my folder on the computer but I can't find anything online telling me where it needs to be saved to operate correctly in my files. Can anyone help me that knows how to do this correctly or knows HTML to see what I have set up incorrectly? Any help is greatly appreciated at this point in time. I am starting to get really frustrated. Thanks,

Arielle

[Captiv8r]

Moved here from Adobe Robohelp forum.

[arielleb81365759]

Can you answer my question?

[Nancy OShea]

What is the URL to your online site?   Answers are in your code.

Nancy

[arielleb81365759]

lovelandmediacenter.com

I recently just removed it entirely, so I don't know if you will see anything in the code. I can add it back in as well, that might be easier to have someone walk me through the correct way to add it to my website.

[arielleb81365759]

It is still there on the landing page of the website, I haven't removed it from there yet.

[Jon Fritz]

your navigation.css file is missing from the server, or uploaded to the wrong location.

404 File Not Found:

Line 8 - ../navigation.css

Line 50: ../../ajxmenu.css

Line 51: ../../ajxmenu.js

Line 52: ../../Templates/ajxmenu.css

Line 53: ../../Templates/ajxmenu.js

[arielleb81365759]

Thank you, I do see I don't have that anywhere in my files. I don't know if this will help any but here is how my root folder is built out.

The template folder holds this:

The lovelandmediacenter is my destination folder which holds this, public_html holds everything else:

index is my actual landing page. the other sub pages are in the websitepages folder.

Did I set this up completely wrong? Does anyone know where my navigation.css would end up? I was mirroring a previous folder we had hosting the last website before we recreated it.

If you can't help any further I understand, thank you.

[Nancy OShea]

This is a very confusing way to organize a site.   It's best to keep things simple.

Your Templates folder should not contain anything except .dwt files.  You've got all manner of junk in there which does not belong.

To spawn a new child page from a Template, you go to File > New > click on Site Templates,  pick one from the list and hit Create button. 

Immediately save the Child page to your site's root folder,  C:\\MyTestSite.  Repeat this for other site pages.    DW will resolve the paths to assets and images for you.   It does not look like you're doing that currently.

Nancy

[arielleb81365759]

So lucky me, I realized the site I was copying from must be out of date or was created incorrectly, so here I am with a big mess and I am not sure how to proceed. (take a dreamweaver class again is I am sure some of the answers I am about to get). Can one of you let me know if this is a better way to set it up? I now have to redo EVERYTHING and I am worried it is still going to be wrong.

then I will have subfolders for the other pages in my site. For instance: crop protection is a sub folder. Within it is the CP landing page, and then the other pages that it incorporates. It also has a folder for each page with all the content I need to link to it etc. Please let me know If I am on the right page now. I don't have a template folder because Nancy mentioned that only the template file in there should be for my original index page, but I didn't use a template for this, just the subpages, so they're floating in the root folder. Thank you for all your help, I really need to figure this out as I am the only one in the company with even a prayer to change this.

Arielle

[Nancy OShea]

Create a new site definition in a new folder on your hard drive.  

Project overview and site setup |

Nancy

[arielleb81365759]

Okay! I am back. I used everything you guys told me and recreated the workflow of this site. Made sure the Templates weren't more then two up etc. Now the site is telling me its uploading on dreamweaver but when I go to the website online it says I don't have permissions to view it. Also I compared my remote server and local drive and edited things so they would mirror eachother. Some of the folders will not delete from the remote server. Can anyone help further or direct me where I should go to get better answers. I reached out to the hosting site as well to see if it were an issue on their end.

Folder set up:

Visual of subfolders:

[Nancy OShea]

On the web, file names should be shorter and cannot contain any spaces.  I mention this because of your powerpoint files.

What's inside that WEB folder on your remote server?

[arielleb81365759]

I no longer have a WEB folder. I originally had one but when I tried to relink my server and make the root folder public_html instead of ./ it went away. And when it was there it was files from the previous website that I am trying to replace. And it wouldn't let me delete it in dreamweaver.

This is the set up screen in dreamweaver for my FTP site info.

[Nancy OShea]

Why do you have a 2nd lovelandmedia folder in your WEB URL?  Your URL should just be  http://lovelandmediacenter/com  

It looks like your current set up is creating a duplicate folder on your server.

lovelandmediacenter.com/lovelenadmediacenter/public_html/

Nancy

[arielleb81365759]

I fixed the url and the web folder now shows up. It has the old websites files and information in it currently. How can I replace those with my files that are currently in public_html, that is what my hosting site is telling me I need to do, move all  my files into web on the server. But the old files will not delete. Thanks for  all your help Nancy, and everyone else who has commented  on this feed.

[Nancy OShea]

That's a permissions problem on public_html folder.   You need to contact your host about that  

Can you overwrite existing files on the server?  In other words, create a test page called TEST.html with today's date on it. Upload to server.   Then change the date on your TEST page, save and upload a 2nd time.  Expand your Files Panel and check the last modified date and time stamp.  Are they identical?

[Nancy OShea · Accepted solution]

This is one heck of a mess. 

Notice this link location:

http://lovelandmediacenter.com/Templates/lovelandmediacenter/public_html/websitepages/adjuvantlogopa...

Too many sub, sub-folders.  If your site was properly defined, the link path would look like this:

adjuvantlogopage.html

Let's start with your site definition.  Where do you keep your local site folder?  It should be something very simple like C:\\MyTestSite  or C:\\lovelandmediacenter    See screenshot from Site > Manage Sites.

Once your local site is defined, you can open your Files Panel to see the file hierarchy.  Ideally it should be very simple like this screenshot where index.html is the site's home page.  Assets are in their respective folders -- css, js, images, etc....

Now if you click on Define Servers, you can make sure your remote server is properly defined.   In your case, the server's Root Directory appears to be public_html.

Once your site is defined, you can Expand your Files Panel and compare the Remote server with Local Files.  NOTE:  these should be nearly identical.

Nancy

[arielleb81365759]

Thank you! Again I know it is a mess, terribly sorry to have to ask.

[Jon Fritz]

So, where is the Templates folder compared to what the link in your page is saying?

You're using document relative links, so this link on your home page...

../../Templates/ajxmenu.css

...means move up two directory levels from the current directory (the site root) and find the Templates folder, then move into that folder and find ajxmenu.css

Typically it's impossible for your viewers to move up any number of directories from your site's root folder, so any files stored above the root will come up as inaccessible.

[Nancy OShea]

Also, if you're using the proprietary Dreamweaver Templates feature (.dwt files) to create your site pages, that Templates folder should be empty except for the  main.dwt file.   All other files should be at root level or in their respective assets folders.

Nancy

[Jon Fritz]

There's really not much any of us will be able to do to help you without seeing the work in progress, but off the top of my head, something newer designers often do is forget to upload any .js and .css files that were used in the page as well. They won't necessarily upload automatically when you Put the page and control special effects and styles, making the page look broken after an upload.

Another possibility is that you forgot to define a site in DW to start with and your external references are pointing to a location on your hard drive (the links would start with "file"), rather than a document relative link that your server can use.