marisc88 Posted November 25, 2011 Share Posted November 25, 2011 Forgive me I am very new to HTML... Can anyone work out what is wrong with this code, in red and bold - currently the rollovers do not work. The images are both saved in the same folder and both the image names are correct - Any ideas? <html><head><title>My Party Planner</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#aacde9" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><style type="text/css">table{border-bottom: 2px solid #6600CC}</style><table id="Table_01" width="1200" height="200" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="2"><a href="index.html"><img src="logo.gif " width="253" height="200" border="0" alt=""></a></td> <td colspan="15"> <img src="mypartyplannertext.jpg" width="947" height="156" alt=""></td> </tr> <tr> <td><a href="index.html" onMouseOver="homerollover.gif" onMouseOut="home.gif"><img src="home.gif" width="87" height="44" border="0" alt=""></a></td> <td> <img src="blank7.jpg" width="16" height="44" alt=""></td> <td><a href="venues.html"><img src="venues.gif" width="83" height="44" border="0" alt=""></a></td> <td> <img src="blank10.jpg" width="15" height="44" alt=""></td> <td><a href="catering.html"><img src="catering.gif" width="99" height="44" border="0" alt=""></a></td> <td> <img src="blank5.jpg" width="14" height="44" alt=""></td> <td><a href=entertainment.html"><img src="entertainment.gif" width="127" height="44" border="0" alt=""></a></td> <td> <img src="blank4.jpg" width="14" height="44" alt=""></td> <td> <img src="file:///C|/Users/Cat/Documents/Web Page/Web Page Images/images/images/navigationbar_11.gif" width="1" height="44" alt=""></td> <td><a href="decoratiions.html"><img src="decorativetouch.gif" width="113" height="44" border="0" alt=""></a></td> <td> <img src="blank3.jpg" width="14" height="44" alt=""></td> <td> <img src="about.gif" width="85" height="44" alt=""></td> <td> <img src="blank3.gif" width="14" height="44" alt=""></td> <td> <img src="contact.gif" width="114" height="44" alt=""></td> <td> <img src="blank1.jpg" width="151" height="44" alt=""></td> </tr></table></body></html> Many Thanks in AdvanceCatherine Link to comment Share on other sites More sharing options...
Ingolme Posted November 25, 2011 Share Posted November 25, 2011 The onmouseover and onmouseout attributes require Javascript code as their values. You will have to look at the W3Schools Javascript tutorial and the HTML DOM tutorial. Of course, the optimal solution for this problem is the CSS image sprites technique. Link to comment Share on other sites More sharing options...
marisc88 Posted November 25, 2011 Author Share Posted November 25, 2011 Thanks for the quick reply! - OK i will do - so is it true that onmouseover onmouseout can't be used in any situation without Javascript ? - or is there a reason why in this particular case it does? Cheers Link to comment Share on other sites More sharing options...
marisc88 Posted November 25, 2011 Author Share Posted November 25, 2011 O I get it now.. thanks again. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.