astrid92
11-14-2006, 03:47 PM
Ive got a turtorial that I have followed perfectly, BUT when Im done, the Image turn all blurry and ugly. What can I do?
|
View Full Version : Image Mapping astrid92 11-14-2006, 03:47 PM Ive got a turtorial that I have followed perfectly, BUT when Im done, the Image turn all blurry and ugly. What can I do? maztrin 11-14-2006, 04:17 PM make you accidently changed the dimensiosn of your image (height and width), i cant really tell without looking, could you post your html code please? astrid92 11-14-2006, 05:03 PM Sure, here is the code. But I dont know if you can fix it because I dont think theres anything wrong with the code. <img name="Linjehaha5560" src="http://p4.piczo.com/img/i182156355_90041_4.gif" width="667" height="22" border="0" usemap="#Linje haha556" alt="" /> <map name="Linje haha556"> <area shape="rect" coords="22,6,81,18" href="http://www.habboheartbeat-iframe.piczo.com" target="" alt="Startsiden"> <area shape="rect" coords="126,4,171,20" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064549" target="" alt="Aktuelt"> <area shape="rect" coords="215,5,272,18" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064562" target="_" alt="HabboInformasjon"> <area shape="rect" coords="299,2,370,22" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064623" target="" alt="Møbelverdier"> <area shape="rect" coords="399,3,459,20" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064635" target="" alt="FanCenter"> <area shape="rect" coords="494,5,562,22" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064583" target="" alt="Community"> <area shape="rect" coords="593,6,650,19" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064598" target="" alt="PixelClub"> </map> Here is an example page where you can see how the pictures ended up: http://www.habboheartbeat-iframe.piczo.com bourdelson 11-14-2006, 05:11 PM <img name="Linjehaha5560" src="http://p4.piczo.com/img/i182156355_90041_4.gif" width="667" height="22" border="0" usemap="#Linje haha556" alt="" /> It's because of those two numbers. The actual size of your image is 500x17, but those two attributes are making the image stretch to 667x22. So, either change width to 500 and height to 17, or just remove the width and height specifications altogether and your image should look the way it's supposed to. :) astrid92 11-14-2006, 06:33 PM OMG.... Im not wery smart :S Thanks! astrid92 11-14-2006, 06:51 PM Ive got a new problem know: Where it says "Aktuelt" theres no link... It did work before so i think theres something wrong with the code. Here is the code: <img name="Linjehaha5560" src="http://p4.piczo.com/img/i182156355_90041_4.gif" width="500" height="17" border="0" usemap="#Linje haha556" alt="" /> <map name="Linje haha556"> <area shape="rect" coords="22,6,81,18" href="http://www.habboheartbeat-iframe.piczo.com" target="" alt="Startsiden"> <area shape="rect" coords="126,4,171,20" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064549" target="_" alt="Aktuelt"> <area shape="rect" coords="215,5,272,18" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064562" target="_" alt="HabboInformasjon"> <area shape="rect" coords="299,2,370,22" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064623" target="" alt="Møbelverdier"> <area shape="rect" coords="399,3,459,20" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064635" target="" alt="FanCenter"> <area shape="rect" coords="494,5,562,22" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064583" target="" alt="Community"> <area shape="rect" coords="593,6,650,19" href="http://pic4.piczo.com/habboheartbeat-Iframe/?g=28064598" target="" alt="PixelClub"> </map> bourdelson 11-14-2006, 07:47 PM It appears that the coordinates are wrong, because it was mapped for the image that was 667x22 pixels. The only fix is for you to remap it, using the correct 500x17 image. |