Image rollover on image map problem! help please! (:?

Question

okay so, me and my friend are making a website. we're both into graphic design, and we're both very experienced with HTML and CSS. but i cannot figure out, for the life of me, what is wrong with my layout.

i need you guys to try and fix the code, because since its an image map, i cant move the image rollovers around or the links around.

website: (btw i was just testing the image rollovers, its not nearly done yet..)

http://buddy4u.com/view/?u=omgtester!

i have no idea why the image rollovers all of a sudden take up the whole image? anyone know why it would do that.

heres the code:

<img name="twistedchaos10" src="http://i251.photobucket.com/albums/... width="1000" height="424" border="0" usemap="#twisted chaos1" alt="" />

<map name="twisted chaos1">

<area shape="rect" coords="314,316,420,379" href="http://buddy4u.com" alt="aim profiles!" onMouseOver="if(document.images) document.twistedchaos10.src='http://i251... ><area shape="rect" coords="428,317,603,372" href="http://buddy4u.com" alt="get yer layouts!" onMouseOver="if(document.images) document.twistedchaos10.src='http://i251... ><area shape="rect" coords="615,315,740,372" href="http://buddy4u.com" alt="about us :D" onMouseOver="if(document.images) document.twistedchaos10.src='http://i251... ><area shape="rect" coords="755,311,899,362" href="http://buddy4u.com" alt="clear it!" onMouseOver="if(document.images) document.twistedchaos10.src='http://i251... >

</map>

by the way, sorry that the code is smushed together like that. On buddy4u, if you put line breaks into the code, the code no longer works. and the image codes aren't like that in the layout. they actually work. just yahoo always wrecks them and adds the little "..." so that is not the problem haha

so can anyone help me out here please? i'd REALLY appreciate it.

Answer 1

You have 30 SERIOUS errors on the page&#039;s HTML coding:

http://validator.w3.org/check?verbose=1&amp;...

You have 61 CSS coding errors:

http://jigsaw.w3.org/css-validator/valid...

Get your coding to meet HTML 4.01 Standards and browsers will not be going into Quirks Mode and parsing your page incorrectly.

LOt of your problems stem from excessively bad coding.

I would also recommend, once you have your code corrected, is to preload your mouseover images.

Ron

Answer 2

Uh &lt;img name=&quot;twistedchaos10&quot; src=&quot;http://i251.photobucket.com/albums/... width=&quot;1000&quot; height=&quot;424&quot; border=&quot;0&quot; usemap=&quot;#twisted chaos1&quot; alt=&quot;&quot; /&gt;

width 1,000 may be a problem.