Pros & Cons of Javascript Navigation Bar

Need your advice!

[tvldeals]

This is a bit puzzling to me. At this point all of my navigation links are set at the top of my webpage and are nothing but gif buttons across. I have another site where it is just "text link navigation" and the same thing happens as I will outline below....

What bugs me is when I or anyone else who visits, minimizes the page to say half its size, some of the buttons or text links move to the second line. So in other words the navigation area breaks up and some of the buttons (or text links) appear below some of the others.

I have given thought to implementing a javascript navigation bar, which would alleviate this problem, however, some people visiting may have trouble with Java displaying correctly which could in turn, hinder seeing the Java navigation bar to begin with....would this truly be a MAJOR ISSUE?

If I DON'T use a Javascript navigation bar, is there a way to prevent this break-up effect on my page, using another method?

Just gives it a less than professional look when this happens...any help would be much appreciated!

[pageoneresults]

You could always apply CSS and the nowrap...

.nw{white-space:nowrap}

If you are using a standard WYSIWYG tool, you might choose the nowrap option for that table and/or cell where the links reside.

[tvldeals]

How do I use that?
Don't mean to sound html illiterate....of course..

Here is my code example I have in place, for the lines below, I have changed the url as per the rules here~

<br/>
<td width="60%" align="left" align="middle">
<a href="http://www.examplesite.com"><img src="http://www.examplesite.com/examplesiteLargelogo2.gif" border="0" alt text=""></a>

</td>
</tr>
</table>
<tr>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<td width="100%" align="center" valign="top"><a href="http://examplesite.com/index.jsp?pageName=hotSearch&isHotels=true&isCondos=false&cid=117116">

<img src="http://www.examplesite.com/hotelspas.jpg" border="0"></a>

<a href="http://examplesite.com/index.jsp?pageName=hotelSpecials&cid=117116">

<img src="http://www.examplesite.com/resortspas.jpg" border="0"></a>

<a href="http://examplesite.com/index.jsp?pageName=condos&cid=117116">

<img src="http://www.examplesite.com/condos.jpg" border="0"></a>

<a href="http://www.examplesite.com/index.jsp?pageName=newsletters&cid=117116">

<img src="http://www.examplesite.com/hoteldeals.jpg" border="0"></a>

<a href="http://examplesite.com/index.jsp?pageName=airSearch&cid=117116&advancedOptions=true">

<img src="http://www.examplesite.com/flights.jpg" border="0"></a>

<a href="http://examplesite.com/index.jsp?pageName=carSearch&cid=117116">

<img src="http://www.examplesite.com/carrentals.jpg" border="0"></a>

<a target="_new" href="http://examplesite.com/cgi-bin/fccgi.exe?w3exec=ta.search&special=1&ta=22223011&rcode=0&ck=1345751320">

<img src="http://www.examplesite.com/spaspecials.jpg" border="0"></a>

<a href="http://dg.examplesite.com/index.jsp?cid=117116">

<img src="http://www.examplesite.com/cityguides.jpg" border="0"></a>

<a href="http://www.examplesite.com/sightseeing.html">
</td>
</tr>
</table>

Is it possible that someone could just insert into the above, the changes for this to display on one line without breaking up?

All of this sometimes is just soooo confusing!

[tvldeals]

I was also wondering if I did use a javascript navigation bar, how will that affect my keywords contained in my alt text, since I heard that most search engines hate JAVA...and too much can reduce website ranking.

[DrDoc]

The search engines ignore Java. They cannot read Java any more than they can read text in an image.

Some of them do read JavaScript on pages. It is, however, harder (in some cases impossible) for a spider to follow links generated by JavaScript.

There is little to no reason for anyone to use JavaScript for navigation. Most of what you would want to do can be handled through CSS, in a much more userfriendly fashion.