Out of My league -- help with JS bug in firefox

[bainesmcg]

I am working on a small business website where I decided to try to push the visual style, but it requires some basic interactive elements. I though I understood constructing basic javascript relationships through dreamweaver and linking to external script pages, but I seem to be running into a bug.

my testsite is up here:
http://nbsdisplays.com/testsite/index.html

The navigation functions seem to be running well in Opera, IE and safari, but in firefox the sub navigation button for "company" under "about" should redirect to the company's main page...It doesn't do this in firefox and the rollover function doesn't work either.

Also the thumbnail viewer works fine in all browsers except for firefox. In firefox the last thumbnail will not show up when rolled over. The code is identical for all images except for the files they are linked to, So i don't understand why some would work and some wouldn't, and again only in Firefox.

Any help in this area would be fantastic and much appreciated. I still have a lot to learn...

Pat

[tagnu]

hi, making the footer absolute solves the first issue
#footer {
/*position:relative;
padding-top: 650px;
padding-bottom: 30px;
width: 200px;
float:right;*/

position:absolute;
bottom: 10px;
right:0;
border: 1px solid;
}

[tomws]

Here's the tr cvode for 'about':

      	  <tr>
      	    <td><img src="images/subbuttons/spacer.png" width="44" height="26" /></td>
      	    <td><a href="javascript:;" target="_top"><img src="images/subbuttons/overview_de.png" alt="Overview" name="Overview" width="100" height="35" border="0" id="Overview" onclick="MM_showHideLayers('overview','','show','design','','hide')" onmouseover="MM_nbGroup('over','Overview','images/subbuttons/overview_sel.png','',1)" onmouseout="MM_nbGroup('out')" onload="" /></a></td>

      	    <td><a href="javascript:;" target="_top"><img src="images/subbuttons/design_de.png" alt="Design" name="Design" width="100" height="35" border="0" id="Design" onclick="MM_showHideLayers('overview','','hide','design','','show')" onmouseover="MM_nbGroup('over','Design','images/subbuttons/design_sel.png','images/subbuttons/design_sel.png',1)" onmouseout="MM_nbGroup('out')" onload="" /></a></td>
      	    <td><img src="images/subbuttons/comany_de.png" alt="Company" name="Company" width="100" height="35" border="0" id="Company" onclick="MM_goToURL('parent','http://www.nbsdisplays.com');return document.MM_returnValue" onmouseover="MM_nbGroup('over','Company','images/subbuttons/company_sel.png','images/subbuttons/company_sel.png',1)" onmouseout="MM_nbGroup('out')" onload="" /></td>
          </tr>

One of these things is not like the others; one of these things just isn't the same. *begs pardon from Sesame Street*

The last td is missing the a href="blah" that the others have.


Don't have an answer for the second question, yet. However, Safari 3.1 does not "reset" the images after the first mouseover here, like it does in IE 7.

*EDIT* Maybe you were working on the thumbnails earlier because now Safari is showing them again, but it is suffering from the same problem as FF.

[tomws]

Here's the table code for the thumbnail table:

        <table width="200" border="0" align="center" cellspacing="2">

You have 5 images of 40px width. That's ok. But you have a spacer image before all of those that has a width set. Maybe not ok.

[bainesmcg]

Wow, it looks like that stray footer was causing a lot of problems! Thanks for all the help! I may be back

[bainesmcg]

Anybody have any clue about the thumbnail refresh in firefox?

[tomws]

Check the block and code associated with the Order section. FF2 works until that section is opened. Even then, it's still allocating space on the page as can be seen by the resizing scroll bar. Maybe a z-index issue, or perhaps they're coming coming back in with visibility:hidden.

[tomws]

HTM

<div id="navcontainerclosed">
...
  <div id="storeclosed"> <img src="images/store_closed.jpg" width="353" height="110" onmouseover="MM_showHideLayers('loadarea','','hide','overview','','hide','aboutclosed','','show','picturesclosed','','show','videoclosed','','show','pressclosed','','show','storeclosed','','hide')" />
  </div>
</div>

Looks like the order image mouseover is the only one hiding the loadarea div, and...

JAVASCRIPT

function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
...
    obj.visibility=v; }
}

that is, indeed switching the visibility.

[bainesmcg]

Awesome thanks again. Sometimes the simplest solutions get overlooked.