none
JavaScript menu shows unwanted symbols - help please RRS feed

  • Question

  • here is a link to the show my problem 

    http://www.kimomi-photography.com/galleries/Untitled_1.html

     

    This is the script which makes this menu.  I am certain there is a simple answer to this which I am just not able to find so hopefully someone will look at this with fresh eyes and point out the code which is causing this.

    Thanks for any and all help provided.

     

    <!-- Begin MENU

    // NOTE: If you use a ' add a slash before it like this \'


    var menuside = "center" // MENU SIDE | left, right or center
    var menuspace = "45"  // MENU END SPACING

     

    document.write('<div class="printhide"><TABLE cellpadding="0" cellspacing="0" border="0" width="100%" class="menubackground"><tr><td align="'+menuside+'">');
    document.write('<TABLE cellpadding="0" cellspacing="0" border="0"><tr><td width="'+menuspace+'">');
    document.write('<img src="picts/spacer.gif" width="'+menuspace+'" height="5"></a><br>');

     

    // COPY THE NEXT TWO LINES AND PASTE ABOVE THIS LINE TO ADD A BUTTON

     

    document.write('</td><td>');
    document.write('<a href="galleryindex.html" class="menu">Galleries</a>');

     

    document.write('</td><td>');
    document.write('<a href="index.html" class="menu">Home</a>');

     

    document.write('</td><td>');
    document.write('<a href="about.html" class="menu">About Us</a>');

     

    document.write('</td><td>');
    document.write('<a href="site_map.html" class="menu">Site Map</a>');

     

    document.write('</td><td>');
    document.write('<a href="Sessions.html" class="menu">Sessions & Pricing</a>');


    document.write('</td><td>');
    document.write('<a href="contact.html" class="menu">Contact</a>');


    document.write('</td><td>');
    document.write('<a href="shootrequest.html" class="menu">Photo Shoot Request</a>');

     

    // END LINKS

     

    document.write('</td></tr></table>');
    document.write('</td><td width="'+menuspace+'">');
    document.write('<img src="picts/spacer.gif" width="'+menuspace+'" height="5"></a><br>');
    document.write('</td></tr></table></div>');


    //  End -->

    Sunday, September 11, 2011 10:37 PM

Answers

  • Those are the "picts/spacer.gif"  Make sure they are where they will be properly found from the page, and colored to match the background.  Or just don't use them.  (Not sure what the purpose is.)
    • Marked as answer by JohnBlaze Sunday, September 11, 2011 11:40 PM
    Sunday, September 11, 2011 11:31 PM

All replies

  • And the unwanted symbols are...?
    Expression Web MVP
    Sunday, September 11, 2011 10:49 PM
  • sorry.  there is a white rectangle on the left and right side of the menu
    Sunday, September 11, 2011 11:01 PM
  • Those are the "picts/spacer.gif"  Make sure they are where they will be properly found from the page, and colored to match the background.  Or just don't use them.  (Not sure what the purpose is.)
    • Marked as answer by JohnBlaze Sunday, September 11, 2011 11:40 PM
    Sunday, September 11, 2011 11:31 PM
  • Thank you very much.  New it was something simple but obvious too simple for me to figure out.  Thanks again.
    Sunday, September 11, 2011 11:41 PM
  • I don't know if it matters to you that the menu contrast of your dark-gray on black menu text is so low that my over-50 eyes cannot read it. If I were googling for your type of services, and your SEO efforts had been good enough to get you among the first pages I saw, it would be for naught, because within seconds of finding that I could not use your navigation, I would leave and turn to the next of your competitors in the search returns list.

    Note that monitors vary. I am using a 19" CRT, with the color temperature, brightness, contrast, gamma, etc. typical of such monitors. This may be different from your monitor, and is certainly different from the average LCD monitor. The point is, you need to check your contrast ratios using a tool such as the WebAIM Contrast Checker to determine if the chosen foreground/background colors have sufficient contrast for easy readability. Make things difficullt for your potential customers and they will go elsewhere. It's hard enough getting the visitors to come to your site; no point needlessly driving them away when they arrive.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    Monday, September 12, 2011 12:43 AM