Vifta hit koden så kan vi kolla på det. :)
------------------
Craving for malicious suspection fulfilles the prophesized termination of this world.
HTML & CSSur HTML, XHTML & CSS
4 svar · 234 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.
------------------
/arro
Vifta hit koden så kan vi kolla på det. :)
------------------
Craving for malicious suspection fulfilles the prophesized termination of this world.
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>
------------------
/arro
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...
------------------
______________________
Kalle samuelsson
http://www.dindator.nu
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.
------------------
/arro