jonathonedney Posted January 13, 2012 Share Posted January 13, 2012 Hello everyone. I am currently running into a problem with some image rollover coding, that I can't seem to find the problem to. This is at the top of my page and I've just started it, so I will past the entire HTML below. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="table-main"> <tr> <td class="td-logo"><img src="images/logo.png" width="300" height="112"></td> <td class="td-navigation"><a href="index.html"><img src="images/btn_home.png" name="home" onMouseOver="document.images['home'].src='images/btn_home_roll.png'" onMouseOut="document.images['home'].src='images/btn_home.png'" width="145" height="48" /></a><a href="menus.html"><img src="images/btn_menus.png" name="menus" onMouseOver="document.images['menus'].src='images/btn_menus_roll.png'" onMouseOut="document.images['menus'].src='images/btn_menus.png'" width="145" height="48" /></a><a href="order.html"><img src="images/btn_order.png" name="order" onMouseOver="document.images['order'].src='images/btn_order_roll.png'" onMouseOut="document.images['order'].src='images/btn_order.png'" width="145" height="48" /></a><a href="reviews.html"><img src="images/btn_reviews.png" name="home" onMouseOver="document.images['reviews'].src='images/btn_reviews_roll.png'" onMouseOut="document.images['reviews'].src='images/btn_reviews.png'" width="145" height="48" /></a><a href="about.html"><img src="images/btn_about.png" name="about" onMouseOver="document.images['about'].src='images/btn_about_roll.png'" onMouseOut="document.images['about'].src='images/btn_about.png'" width="145" height="48" /></a><a href="locate.html"><img src="images/btn_locate.png" name="home" onMouseOver="document.images['locate'].src='images/btn_locate_roll.png'" onMouseOut="document.images['locate'].src='images/btn_locate.png'" width="145" height="48" /></a></td> </tr> </table> </body> </html> http://www.jonedney.me/projects/restaurant/index.html This is supposed to activate an alternate image based on passing your mouse over the image. Unfortunately, as you can see from the live page, it don't work for all of the images. I have confirmed the coding to be correct (as correct as I can see), and all of the images are present on the server and in the proper locations, just can't get them all to function properly. If anyone is able to take a look at this and shed some insight, I would greatly appreciate it. Quote Link to comment https://forums.phpfreaks.com/topic/254948-trouble-with-image-rollovers/ Share on other sites More sharing options...
dodgeitorelse Posted January 14, 2012 Share Posted January 14, 2012 not sure if the this is the problem but in the reviews and locate section you have name="home" rather than name="reviews" or name="locate" Quote Link to comment https://forums.phpfreaks.com/topic/254948-trouble-with-image-rollovers/#findComment-1307490 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.