{"id":129,"date":"2010-12-03T11:00:52","date_gmt":"2010-12-03T16:00:52","guid":{"rendered":"http:\/\/www.amixa.com\/blog\/?p=129"},"modified":"2010-12-03T11:00:52","modified_gmt":"2010-12-03T16:00:52","slug":"navigation-bar-missing-from-web-site-made-in-publisher","status":"publish","type":"post","link":"https:\/\/www.amixa.com\/blog\/2010\/12\/03\/navigation-bar-missing-from-web-site-made-in-publisher\/","title":{"rendered":"Navigation bar missing from web site made in Publisher"},"content":{"rendered":"

Recently we were hired to fix two web sites that were designed in Microsoft Publisher and then output as HTML and uploaded to a server for a local business.\u00a0 The problem is that since IE 8 came out (March 2009), both of these web sites – for anyone using Internet Explorer 8 (even using compatibility mode) – were completely missing the VERTICAL left hand navigation bars that were on each site.\u00a0 When we tried the site under Firefox, Chrome or Safari, the site worked fine.\u00a0 This is still a major problem because still a majority of users use IE for browsing and to them the site will be broken.<\/p>\n

After spending several hours reseaching this topic as well as experimenting with the HTML code that is generated by Microsoft Publisher (absolutely BLOATED and HORRIBLE) – I figured out the solution to the issue.\u00a0 Now keep in mind this is like putting a band-aid on the Hoover Dam to plug a leak, this should only be used to “hold over” the site until you get a “real” site designed by a company like Amixa<\/a>.\u00a0 I highly suggest you use this to only fix the site in the interim until you get that new site built.\u00a0 Any site using Publisher is likely to suffer from horrible HTML bloat and horrible (or no) image optimization, so get off that site as soon as posssible so as not to drag down your SEO rankings any further.<\/p>\n

Here is how to fix the issue.\u00a0 (I will show you how to fix one page.\u00a0 You can do the others yourself.)<\/p>\n

    \n
  1. You will need Publisher installed onto your workstation\u00a0 In my case I have the latest Publisher 2010.<\/li>\n
  2. Download a full copy of the site to your computer.<\/li>\n
  3. Make a backup copy into another directory.\u00a0 We will only perform these fixes to the COPY.\u00a0 Never erase the original in case you need to go back to it.<\/li>\n
  4. Launch Publisher<\/li>\n
  5. Go to file menu and OPEN up the HTM page (I am starting with the homepage, called index.htm)<\/li>\n
  6. The page should open up perfectly and look “as it does”<\/li>\n
  7. Locate the navigation element that is missing when you view the site under IE.\u00a0 In our case it was a vertical element on the left side of the site.<\/li>\n
  8. Hover your cursor over the upper left border of the navigation element.\u00a0 When you do this the border should change into a “white and blue” striped edge.\n
      \n
    1. \"Publisher<\/li>\n<\/ol>\n<\/li>\n
    2. Then carefully RIGHT CLICK and select UNGROUP\n
        \n
      1. \"\"<\/li>\n<\/ol>\n<\/li>\n
      2. As soon as you do that the navigation element will change into a bunch of individual elements with “dots”\n
          \n
        1. \"\"<\/a><\/li>\n<\/ol>\n<\/li>\n
        2. Go to file, Save As, select Web Page, Filtered.\u00a0 Save the file OVER TOP of the original one.<\/li>\n
        3. You will see that each time you complete this process for each page Publisher will generate it’s own image folder.\u00a0 That’s ok.\u00a0 We’re only using this as a temporary fix anyways.\u00a0 Upload all the revised HTML pages and their image folders to the server.<\/li>\n
        4. It’s not perfect but the site will work on all browsers again and buy you some time until the site is rebuilt.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

          Recently we were hired to fix two web sites that were designed in Microsoft Publisher and then output as HTML and uploaded to a server for a local business.\u00a0 The problem is that since IE 8 came out (March 2009), both of these web sites – for anyone using Internet Explorer 8 (even using compatibility mode) – were completely missing<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[39,40],"class_list":["post-129","post","type-post","status-publish","format-standard","hentry","category-random-bits","tag-html","tag-publisher"],"_links":{"self":[{"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/posts\/129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/comments?post=129"}],"version-history":[{"count":2,"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/posts\/129\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/posts\/129\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/media?parent=129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/categories?post=129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.amixa.com\/blog\/wp-json\/wp\/v2\/tags?post=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}