Salve a tutti...
Sto facendo un sito in cui inserirò diverse foto e voglio fare una barra menù in alto con 4 foto che cambiano schiacciando i tasti sottostanti.
Ho quindi provato ad usare fireworks, anche per fare + veloce, ed esteticamente la barra è venuta bene (con il solito html carichissimo e ingarbugliatissimo di quei programmmi di grafica) ma dopo averla testata con successo su Opera8 ho provato la preview su Iexplorer6 e mi sono reso conto che qualunque accorgimento prendessi le varie immagini che formano la barra non erano più compattate tra di loro ma avevano diverse distanze. La mappatura e lo swapping funzionano anche su IE ma le immagini sono +lontane tra loro e visivamente fa schifo.
Penso sia un problema di "lettura" delle tabelle visto che nel codice c'è poco altro.
Vi metto sotto il codice e spero che qualcuno mi sia di aiuto o mi dia qualche consiglio.....altrimenti sono rovinato....notte!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>banner_foto.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('immagini/life_is_beautiful_pic.jpg','immagini/console_vert.gif','immagini/ourtours_sopra.jpg','immagini/fotina1.jpg','immagini/services_sopra.jpg','immagini/fotina2.jpg','immagini/accomodations_sopra.jpg','immagini/fotina3.jpg','immagini/destinations_sopra.jpg','immagini/fotina4.jpg')">
<table border="0" cellpadding="0" cellspacing="0" width="676">
<tr>
<td rowspan="3" colspan="3">[img]immagini/banner_foto_r1_c1.gif[/img]</td>
<td colspan="8">[img]immagini/title.gif[/img]</td>
</tr>
<tr>
<td rowspan="3">[img]immagini/fotina1.jpg[/img]</td>
<td rowspan="5">[img]immagini/banner_foto_r2_c5.gif[/img]</td>
<td rowspan="3">[img]immagini/fotina2.jpg[/img]</td>
<td rowspan="5">[img]immagini/banner_foto_r2_c7.gif[/img]</td>
<td rowspan="3">[img]immagini/fotina3.jpg[/img]</td>
<td colspan="3">[img]immagini/banner_foto_r2_c9.gif[/img]</td>
</tr>
<tr>
<td rowspan="4">[img]immagini/banner_foto_r3_c9.gif[/img]</td>
<td rowspan="3">[img]immagini/fotina4.jpg[/img]</td>
<td rowspan="4">[img]immagini/banner_foto_r3_c11.gif[/img]</td>
</tr>
<tr>
<td rowspan="3">[img]immagini/banner_foto_r4_c1.gif[/img]</td>
<td rowspan="3">[img]immagini/console_vert.gif[/img]</td>
<td rowspan="3">[img]immagini/banner_foto_r4_c3.gif[/img]</td>
</tr>
<tr>
<td rowspan="2">[img]immagini/banner_foto_r5_c4.gif[/img]</td>
<td rowspan="2">[img]immagini/banner_foto_r5_c6.gif[/img]</td>
<td rowspan="2">[img]immagini/banner_foto_r5_c8.gif[/img]</td>
</tr>
<tr>
<td>[img]immagini/banner_foto_r6_c10.gif[/img]</td>
</tr>
<tr>
<td rowspan="2" colspan="2">[img]immagini/movietours.gif[/img]</td>
<td colspan="9">[img]immagini/console_oriz.gif[/img]</td>
</tr>
<tr>
<td colspan="9">[img]immagini/banner_foto_r8_c3.gif[/img]</td>
</tr>
</table>
<map name="m_console_vert" id="m_console_vert">
<area shape="rect" coords="25,68,113,84" href="contacts.htm" title="CONTACTS" alt="CONTACTS" />
<area shape="rect" coords="25,41,114,57" href="aboutus.htm" title="ABOUT US" alt="ABOUT US" />
<area shape="rect" coords="44,16,95,31" href="home.html" title="HOME" alt="HOME" />
</map>
<map name="m_movietours" id="m_movietours">
<area shape="poly" coords="5,9,3,22,125,45,130,32,5,9" href="movietours.htm" title="MOVIE TOURS" alt="MOVIE TOURS" onmouseout="MM_swapImage('console_vert','','immagi ni/console_vert.gif',1)" onmouseover="MM_swapImage('console_vert','','immag ini/life_is_beautiful_pic.jpg',1)" />
</map>
<map name="m_console_oriz" id="m_console_oriz">
<area shape="rect" coords="30,7,104,21" href="ourtours.htm" title="OUR TOURS" alt="OUR TOURS" onmouseout="MM_swapImage('fotina1','','immagini/fotina1.jpg',1)" onmouseover="MM_swapImage('fotina1','','immagini/ourtours_sopra.jpg',1)" />
<area shape="rect" coords="160,8,225,21" href="services.htm" title="SERVICES" alt="SERVICES" onmouseout="MM_swapImage('fotina2','','immagini/fotina2.jpg',1)" onmouseover="MM_swapImage('fotina2','','immagini/services_sopra.jpg',1)" />
<area shape="rect" coords="273,8,387,21" href="accomodations.htm" title="ACCOMODATIONS" alt="ACCOMODATIONS" onmouseout="MM_swapImage('fotina3','','immagini/fotina3.jpg',1)" onmouseover="MM_swapImage('fotina3','','immagini/accomodations_sopra.jpg',1)" />
<area shape="rect" coords="419,7,518,22" href="destinations.htm" title="DESTINATIONS" alt="DESTINATIONS" onmouseout="MM_swapImage('fotina4','','immagini/fotina4.jpg',1)" onmouseover="MM_swapImage('fotina4','','immagini/destinations_sopra.jpg',1)" />
</map>
</body>
</html>