Im a new HTML & CSS developer and i´m having a problem regarding a script tutorial from this same site (DynamicDrive.com) that shows on how to develop a drop down menu from any link on a web page.
The script belongs to the group "Menus and Navigation" and the sub categorie is "AnyLink DropDown Menu v2.0".
I have properly downloaded and uploaded the 3 external files needed as the directions instructions explain, and deployed both the <HEAD> code as well as the HTML that is to be set where this image link should be. The Drop Down menu works fine and every item shows on all browsers (including IE) at this point!!
Basically, the problem occurs only on IE. When loaded, the horizontal nav bar that contains the image link shows fine, but as soon as the user hovers on the image, it disappears and no longer gets retreived leaving the undesired red "x" within a square. It looks as if the final path of this img was misguided or something like that, because the menu and the nested items work and show perfect on all browsers (included IE).
Other than the code instructions given on the same tutorial script described here at DD, my HTML code where the link image is, goes like this:
I know this issue might be quite complicated to spot for newly developers like me, but i would really appreciate any help or comment!
<div id="anylinkmenu"><a href="#" class="menuanchorclass" rel="anylinkmenu4" data-image="../imagenes/srv_servicios_hover.jpg" data-overimage="../imagenes/srv_servicios_hover.jpg"><img src="../imagenes/srv_servicios_hover.jpg" width="77" height="35" border="0" style="border-width:0" /></a></div>
Thanx a lot! Regards