View Full Version : Some rollover buttons don't work

12-01-2010, 06:31 PM
I have 9 rollover buttons that I set up all the same way, however 2 of the buttons don't switch out to the darker rollover button when rolled over. But all buttons, when clicked, go to the correct links. I have checked the jpeg files and the html, but I don't see where the problems could be.

The "Dr's Bio" and "Fred's Story" buttons are the two buttons that I can't get the rollover image to work on.

PLUS when previewed in the browsers (Safari, Firefox & IE) the buttons all seem to shift down even though in Dreamweaver they are all aligned to the top and left. I have attached a screen capture that shows the shift in the buttons. The DW file (left) next to the Safari preview (right).

What am I missing? :confused: Thanks so much for any advice! :)

<td width="150" height="623" align="left" valign="top" bgcolor="#4C99B2"><p><a href="../index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','../button_home_rollover.jpg',1)"><img src="../button_home.jpg" alt="Home" name="Home" width="150" height="32" border="0" id="Home" /></a><br />
<a href="../dr_chapman_bio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Dr's Bio','','../button_dr_bio_rollover.jpg',1)"><img src="../button_dr_bio.jpg" alt="Dr's Bio" name="Dr's Bio" width="150" height="32" border="0" id="Dr's Bio" /></a><br />
<a href="../staff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Staff','','../button_staff_rollover.jpg',1)"><img src="../button_staff.jpg" alt="Staff" name="Staff" width="150" height="32" border="0" id="Staff" /></a><br />
<a href="../services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','../button_services_rollover.jpg',1)"><img src="../button_services.jpg" alt="Services" name="Services" width="150" height="32" border="0" id="Services" /></a><br />
<a href="../hospital_tour.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Hospital Tour','','../button_hospital_tour_rollover.jpg',1)"><img src="../button_hopital_tour.jpg" alt="Hospital Tour" name="Hospital Tour" width="150" height="32" border="0" id="Hospital Tour" /></a><br />
<a href="../freds_story.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Fred's Story','','../button_fred_rollover.jpg',1)"><img src="../button_fred.jpg" alt="Fred's Story" name="Fred's Story" width="150" height="32" border="0" id="Fred's Story" /></a><a href="../directions.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Directions','','../button_directions_rollover.jpg',1)"><img src="../button_directions.jpg" alt="Directions" name="Directions" width="150" height="32" border="0" id="Directions" /></a><br />
<a href="../facts.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Facts','','../button_facts_rollover.jpg',1)"><img src="../button_facts.jpg" alt="Facts" name="Facts" width="150" height="32" border="0" id="Facts" /><br />
</a><a href="../articles.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Articles','','../button_articles_rollover.jpg',1)"><img src="../button_articles.jpg" alt="Articles" name="Articles" width="150" height="32" border="0" id="Articles" /></a><br />
<br />
</a><br />

12-01-2010, 07:07 PM
Got a link at all? My only suggestion right now is that you haven't uploaded the images but that is a guess!

12-01-2010, 07:19 PM
Thanks for the response. I don't have an active link yet. I am currently just working on it from my mac. All the jpeg files are correct and linked as far as I can tell. Still not sure why only 2 of the 9 buttons are not working when they were all set up the same way or what is causing the shift.

12-02-2010, 08:04 AM
No, I can't see what is causing the rollover fail. As for the other bit you'd have a lot more control over your site layout if you used CSS rather than tables; http://webdesign.about.com/od/layout/a/aa111102a.htm Personally not that keen on debugging nested tables at all.