Never have done rollover images, everything i find shows it using a "name" attribute, even some javascipt i found, and that the only thing I can not get to validate and its driving me crazy. Can someone please help, or point me towards a better way to do the rollover?
using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
only issue is with each rollover link, the "name" wont validate and only shows 1 error, but Say i remove the first attribute "name", it will than show the second one as an error. and removing "name" renders it useless because it wont roll over
<div id="nav">
<a href="index.html"><img src="images/navlinks/homeact.gif" alt="home link" /></a>
<a href="pages/wedding/wedding.html" onmouseover="document.wed.src='images/navlinks/weddingact.gif'"
onmouseout="document.wed.src='images/navlinks/wedding.gif'">
<img src="images/navlinks/wedding.gif" alt="wedding link" name="wed"/></a>
<a href="pages/engagement/engagement.html" onmouseover="document.eng.src='images/navlinks/engagementact.gif'"
onmouseout="document.eng.src='images/navlinks/engagement.gif'">
<img src="images/navlinks/engagement.gif" alt="engagement link" name="eng"/></a>
<a href="pages/seniors/seniors.html" onmouseover="document.sen.src='images/navlinks/seniorsact.gif'"
onmouseout="document.sen.src='images/navlinks/seniors.gif'">
<img src="images/navlinks/seniors.gif" alt="seniors link" name="sen"/></a>
<a href="pages/families/families.html" onmouseover="document.fam.src='images/navlinks/familiesact.gif'"
onmouseout="document.fam.src='images/navlinks/families.gif'">
<img src="images/navlinks/families.gif" alt="families link"name="fam"/></a>
<a href="pages/children/children.html" onmouseover="document.chi.src='images/navlinks/childrenact.gif'"
onmouseout="document.chi.src='images/navlinks/children.gif'">
<img src="images/navlinks/children.gif" alt="children link" name="chi"/></a>
<a href="pages/event/event.html" onmouseover="document.eve.src='images/navlinks/eventact.gif'"
onmouseout="document.eve.src='images/navlinks/event.gif'">
<img src="images/navlinks/event.gif" alt="event link" name="eve"/></a>
<a href="pages/about/about.html" onmouseover="document.about.src='images/navlinks/aboutact.gif'"
onmouseout="document.about.src='images/navlinks/about.gif'">
<img src="images/navlinks/about.gif" alt="about link" name="about"/></a>
<a href="pages/contact/contact.html" onmouseover="document.con.src='images/navlinks/contactact.gif'"
onmouseout="document.con.src='images/navlinks/contact.gif'">
<img src="images/navlinks/contact.gif" alt="contact link" name="con"/></a>
</div>
