4 svar · 240 visningar · startad av arro
Titta på ovanstående sida i NS (versionen jag har problem med är 4.51, men antagligen gäller detta alla versioner)
Som du ser blir det fula vita mellanrum mellan bilderna. I IE finns inte dessa. Vet någon vad man kan göra?
Jag har provat att koppla bort imagemaps och att skriva allt på samma rad men inget funkar.
Jättetacksam för svar.
Vifta hit koden så kan vi kolla på det. 
Här är tabellernas kod:
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center" valign="middle">
<table width="640" border="0" cellspacing="0" cellpadding="0" height="466">
<tr>
<td colspan="7" height="45"><img src="img/R1-C1.gif" width="640" height="45" usemap="#AndreasRolferMap" border="0"></td>
</tr>
<tr>
<td colspan="7" height="60"><img src="img/R2-C1.gif" width="640" height="60"></td>
</tr>
<tr>
<td rowspan="2" width="86"><img src="img/R3-C1.gif" width="86" height="199" usemap="#WindowMap1" border="0"></td>
<td rowspan="3" width="115"><img src="img/R3-C2.gif" width="115" height="287" usemap="#WindowMap2" border="0"></td>
<td rowspan="3" width="86"><img src="img/R3-C3.gif" width="86" height="287"></td>
<td rowspan="2" width="73"><img src="img/R3-C4.gif" width="73" height="199" border="0" usemap="#LampMap"></td>
<td rowspan="2" width="130"><img src="img/R3-C5.gif" width="130" height="199" usemap="#PosterMap1" border="0"></td>
<td rowspan="2" width="83"><img src="img/R3-C6.gif" width="83" height="199" usemap="#Map" border="0"></td>
<td width="67" height="102"><img src="img/R3-C7.gif" width="67" height="102" usemap="#PosterMap2" border="0"></td>
</tr>
<tr>
<td width="67" height="97"><a href="default.asp?view=andreas"><img src="img/R4-C7.gif" width="67" height="97" border="0"></a></td>
</tr>
<tr>
<td rowspan="2" width="86"><img src="img/R5-C1.gif" width="86" height="162" usemap="#TvMap" border="0"></td>
<td width="73" height="88"><img src="img/R5-C4.gif" width="73" height="88"></td>
<td rowspan="2" width="130"><img src="img/R5-C5.gif" width="130" height="162" usemap="#GuitarMap" border="0"></td>
<td rowspan="2" width="83"><img src="img/R5-C6.gif" width="83" height="162" usemap="#AndreasShoulderMap" border="0"></td>
<td rowspan="2" width="67"><img src="img/R5-C7.gif" width="67" height="162" usemap="#AndreasChestMap" border="0"></td>
</tr>
<tr>
<td width="115" height="74"><img src="img/R6-C2.gif" width="115" height="74"></td>
<td width="86" height="74"><img src="img/R6-C3.gif" width="86" height="74" usemap="#BookMap" border="0"></td>
<td width="73" height="74"><img src="img/R6-C4.gif" width="73" height="74"></td>
</tr>
</table>
Och här är mina imagemaps:
<map name="TvMap">
<area shape="poly" coords="1,37,20,37,22,41,43,37,50,61,54,75,58,95,60,111,60,124,55,132,47,136,49,141,35,145,5,151,1,149" href="default.asp?view=tv">
<area shape="poly" coords="1,36,6,36,21,36,21,40,30,38,38,5,49,4,54,7,54,16,63,11,64,6,68,6,75,1,1,1" href="default.asp?view=window">
<area shape="poly" coords="42,36,47,39,57,37,57,29,54,23,54,8,49,5,42,5,38,7,34,27,32,37,45,39" href="javascript:lightlamp(1)">
<area shape="poly" coords="81,5,81,9,79,10,79,15,75,16,71,19,72,20,70,27,71,24,74,23,76,23,76,26,73,31,71,35,71,38,68,39,64,38,63,43,65,45,66,48,66,55,50,59,46,40,55,39,58,38,58,28,61,26,62,23,66,22,66,19,70,15,74,11" href="default.asp?view=window"></map>
<map name="WindowMap1">
<area shape="poly" coords="7,15,24,20,46,23,61,25,84,29,83,59,82,126,2,126" href="default.asp?view=window">
<area shape="poly" coords="3,135,82,133,81,182,80,181,73,199,65,199,72,199,2,199" href="default.asp?view=window"></map>
<map name="WindowMap2">
<area shape="poly" coords="29,33,69,41,80,41,78,125,27,126" href="default.asp?view=window">
<area shape="poly" coords="27,134,79,132,75,184,73,184,72,176,64,177,63,168,67,164,69,159,61,158,56,161,58,171,58,191,52,190,46,195,50,200,52,205,51,213,53,227,55,236,39,238,39,234,45,233,45,222,40,219,34,213,25,217,26,201,31,207,37,212,41 ,212,41,205,39,200,34,194,25,190" href="default.asp?view=window">
<area shape="poly" coords="86,209,91,211,95,213,94,250,89,253,89,256,96,258,102,256,100,253,96,252,97,212,106,212,106,204,103,186,97,186,92,186" href="javascript:lightlamp(2)">
<area shape="poly" coords="41,245,53,243,58,272,39,274,38,256,42,256" href="default.asp?view=photo"></map>
<map name="BookMap">
<area shape="poly" coords="26,15,69,25,70,36,55,42,10,35,9,23" href="default.asp?view=book"></map>
<map name="GuitarMap">
<area shape="poly" coords="58,71,69,84,69,94,67,100,75,114,82,118,93,121,104,110,108,104,112,101,118,95,121,79,128,72,123,67,116,60,110,50,104,47,99,52,93,53,66,10,69,10,60,2,48,2,48,7,47,8,51,14,56,12,57,12,79,47,69,48,64,51" href="default.asp?view=guitar">
<area shape="poly" coords="79,160,79,152,81,149,79,146,78,136,89,126,91,120,93,122,105,108,112,102,118,96,121,85,124,77,130,71,130,162" href="default.asp?view=andreas"></map>
<map name="AndreasShoulderMap">
<area shape="poly" coords="0,67,15,49,21,40,29,38,40,31,50,28,59,27,70,22,83,21,83,161,46,161,36,154,26,152,16,161,0,161" href="default.asp?view=andreas"></map>
<map name="AndreasChestMap">
<area shape="poly" coords="7,0,13,8,6,21,0,21,0,162,67,162,67,0" href="default.asp?view=andreas"></map>
<map name="Map">
<area shape="poly" coords="83,162,76,156,73,155,70,148,69,152,64,148,61,130,55,130,54,125,53,124,51,119,43,121,50,114,50,108,53,104,52,104,54,99,57,80,60,72,66,64,72,59,77,56,83,56" href="default.asp?view=andreas"></map>
<map name="PosterMap2">
<area shape="poly" coords="0,50,10,41,14,38,21,38,27,36,31,33,36,33,37,31,45,28,50,24,56,27,60,31,68,33,68,102,0,102" href="default.asp?view=andreas">
<area shape="poly" coords="9,40,9,5,67,4,67,32,53,24,44,27,39,29,36,32,31,32,25,36" href="default.asp?view=poster"></map>
<map name="PosterMap1">
<area shape="poly" coords="10,10,57,13,53,146,4,145" href="default.asp?view=poster"></map>
<map name="LampMap">
<area shape="poly" coords="17,46,17,59,21,69,25,74,24,81,27,81,23,197,27,197,32,82,37,82,36,75,36,73,40,71,43,62,45,57,45,49,37,46" href="javascript:lightlamp(3)"></map>
<map name="AndreasRolferMap">
<area shape="rect" coords="441,20,621,64" href="default.asp?view=andreas"></map>
Om du nu ändå använder image maps så kan du la bara lägga upp hela bilden som den är och sedan göra en enda stor imagemap av den. Det blir både rätt och lättare då!! Annars antar jag att det är någon av dina kordinater i imagemappen som går utanför storleken som får plats i cellen i tabbellen.. men jag vet inte..
prova som sagt lägga in bilden hel och gör bara EN imagemapp...
Vill inte göra det som en stor imagemapp, bilderna tar tillräckligt stor plats som det är. Men tack för hjälpen, ska kolla koordinaterna.
