Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    menù mappato e swappato con fireworks "esplode" con IE6 ma non con Opera8!!??

    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>

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: menù mappato e swappato con fireworks "esplode" con IE6 ma non con Opera8!!??

    ciao
    l'unico consiglio che posso darti, è quello di lasciar stare questi programmini per esportare l'html.
    Premesso che nn ho capito come vuoi realizzare il menu, potrebbero esserci altre tecniche per ottenerlo: o con i soli CSS oppure con il javascript, ma usato in maniera + coscienziosa e nn a kili, come l'esempio che hai postato.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.