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. 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" Link to comment https://forums.phpfreaks.com/topic/254948-trouble-with-image-rollovers/#findComment-1307490 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.