PDA

View Full Version : Help with rollovers on site to go live tomorrow


firstdesignitall
12-07-2006, 06:34 PM
The code generated in Dreamweaver MX doesn't want to work for rollovers in the navigation. I may have to change the links but I don't see how to do that and make them stay as I set them. The first button image on all sets works find but rolling over them show the alt tags and no buttons. Please can someone explain this and tell me how to correct it. THANKS

This is the code on the index/home button

<td align="center"><a href="index.htm" target="_top" onClick="MM_nbGroup('down','group1','homeA','homeC.gif',1)" onMouseOver="MM_nbGroup('over','homeA','homeB.gif','homeC.gif', 1)" onMouseOut="MM_nbGroup('out')"> <img src="../images/homeA.gif" alt="Welcome To Our Site" name="homeA" width="155" height="60" border="0" onLoad=""></a> </td>
</tr>

If you want to view the site to see what I am having problems with it is:
http://grandparentkids.freespaces.com/

domedia
12-07-2006, 06:44 PM
I'm guessing your mouseover image has the wrong path.
Change this:
'homeC.gif',
To this:
'../homeC.gif',

firstdesignitall
12-07-2006, 06:49 PM
I tried changing it to ,,/images/homeA.gif but it didn't help. the images are uploaded into an image folder in the same file as the .htm pages.

davidj
12-07-2006, 07:24 PM
try changing it to this


images/homeA.gif

domedia
12-07-2006, 07:30 PM
The path has to be right, and don't use commas ',,'.I just verified that the images are on your server, so you just need to fix the path.
http://grandparentkids.freespaces.com/images/homea.gif
http://grandparentkids.freespaces.com/images/homeb.gif
http://grandparentkids.freespaces.com/images/homec.gif
<td align="center"><a href="index.htm" target="_top" onClick="MM_nbGroup('down','group1','homeA','../images/homeC.gif',1)" onMouseOver="MM_nbGroup('over','homeA','homeB.gif' ,'../images/homeC.gif',1)" onMouseOut="MM_nbGroup('out')"> <img src="../images/homeA.gif" alt="Welcome To Our Site" name="homeA" width="155" height="60" border="0" onLoad=""></a> </td>
</tr>