Problema layers dreamweaver

**giostark** · 29-10-2008, 14:58

Dico anche la mia... che è quella del Miccolo ...
Sarebbe opportuno che davvero si imparasse prima l'html ed il css. Il problema di FrontFess e DreamSniffer è che da ciò che vedi al codice possono accadere cose indesiderate. E saper dove mettere le mani comporta necessariamente conoscere il codice.
Non lo dico per scoraggiarti ma perchè la classe di problemi simili a questi è davvero grande.

ps il codice che hai postato fa schif... Come vedi le posizioni sono usate in modo assoluto, cioè lui ti metterà quegli elementi sempre a quella distanza a prescindere dalle risoluzioni che usi. Se usassi il valore "relativo" invece si adatterebbero. Tuttavia replico , impara un po' di css. Ripetere ad ogni elemento div lo stile/classe sporca moltissimo il codice e appesantisce le pagine.
Piuttosto che adoperare gli strumenti automatici di DW scaricati dei menu in java già fatti e te li personalizzi. Così impari il css senza partire completamente da "0" e nel contempo realizzi ciò che ti serve.

**sisionet** · 29-10-2008, 15:06

Originariamente inviato da giostark

Dico anche la mia... che è quella del Miccolo ...
Sarebbe opportuno che davvero si imparasse prima l'html ed il css. Il problema di FrontFess e DreamSniffer è che da ciò che vedi al codice possono accadere cose indesiderate. E saper dove mettere le mani comporta necessariamente conoscere il codice.
Non lo dico per scoraggiarti ma perchè la classe di problemi simili a questi è davvero grande.

ps il codice che hai postato fa schif... Come vedi le posizioni sono usate in modo assoluto, cioè lui ti metterà quegli elementi sempre a quella distanza a prescindere dalla risoluzioni che usi. Se usassi il valore "relativo" invece si adatterebbero. Tuttavia replico , impara un po' di css. Ripetere ad ogni elemento div lo stile/classe sporca moltissimo il codice e appesantisce le pagine.
Piuttosto che adoperare gli strumenti automatici di DW scaricati dei menu in java già fatti e te li personalizzi. Così impari il css senza partire completamente da "0" e nel contempo realizzi ciò che ti serve.

Già, ma ora come posso fare per risolvere questo problema?
Intendi dire che nel codice devo impostare il valore relativo?

**TheMic** · 29-10-2008, 16:10

Originariamente inviato da sisionet

Già, ma ora come posso fare per risolvere questo problema?
Intendi dire che nel codice devo impostare il valore relativo?

eccomi... ho visto il codice postato... dovresti inserire quello della pagina completa altrimenti così non ti posso aiutare.

**sisionet** · 29-10-2008, 16:41

Originariamente inviato da TheMic

eccomi... ho visto il codice postato... dovresti inserire quello della pagina completa altrimenti così non ti posso aiutare.

eccolo:

codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--



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>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

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_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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];}
}
//-->
</script>

<link rel="icon" href="http://IMMAGINI/favicon.gif" type="image/gif" />


</head>

<body bgcolor="#FFFFFF" background="IMMAGINI/SFONDO99.gif" text="#FF0000" link="#FF0000" vlink="#FF0000" alink="#FF0000" leftmargin="5" topmargin="5" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('IMMAGINI/testata/prodottib.gif','IMMAGINI/testata/aziendab.gif','IMMAGINI/testata/strutturab.gif','IMMAGINI/testata/dovesiamob.gif','IMMAGINI/testata/contattib.gif','IMMAGINI/testata/rinfreschib.gif','IMMAGINI/testata/BOTTONCINI/freschib.gif','IMMAGINI/testata/BOTTONCINI/atmb.gif','IMMAGINI/testata/BOTTONCINI/salatob.gif','IMMAGINI/testata/BOTTONCINI/dolceb.gif','IMMAGINI/testata/BOTTONCINI/piatti-freddib.gif','IMMAGINI/atm/paninob.jpg','IMMAGINI/atm/tramezzinib.jpg','IMMAGINI/atm/paninib.jpg','IMMAGINI/atm/focacceb.jpg','IMMAGINI/atm/cornettob.jpg','IMMAGINI/atm/genoveseb.jpg','IMMAGINI/atm/crostoneb.jpg','IMMAGINI/atm/trecciab.jpg','IMMAGINI/atm/ciabattab.jpg','IMMAGINI/atm/brasilb.jpg','IMMAGINI/atm/clubb.jpg')">
<div align="center">
  <table width="990" border="0" align="left" cellpadding="0" cellspacing="0" bordercolor="#FF3333">
    <tr> 
      <td width="1032" bordercolor="#FFFFFF" bgcolor="#FF3333"> 
        <div align="center">
          <table width="990" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FF3333" bgcolor="#FFFFFF">
            <tr>
              <td height="470" align="center" valign="top" bordercolor="#FF0000" bgcolor="#FFFFFF"> 
                <div align="center"> 
                  <table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr align="center" valign="middle"> 
                      <td valign="top"> 
                        <div align="center"><img src="IMMAGINI/testata/01.gif" alt="" width="990" height="118" border="0" usemap="#Map" href="prova.htm"></div></td>
                    </tr>
                    <tr align="center" valign="middle"> 
                      <td valign="top"> 
                        <div align="center"></div>
                        <div align="center"></div>
                        <div align="center"></div>
                        <div align="center"></div>
                        <div align="center"></div>
                        <div align="center"></div>
                        <div align="center"></div>
                        <div align="center"><img src="IMMAGINI/testata/02.gif" width="186" height="32"><a href="azienda.htm"><img src="IMMAGINI/testata/azienda.gif" name="Image2" width="131" height="32" border="0" id="Image2" onMouseOver="MM_swapImage('Image2','','IMMAGINI/testata/aziendab.gif',1)" onMouseOut="MM_swapImgRestore()"></a><a href="#"><img src="IMMAGINI/testata/prodotti.gif" name="Image1" width="130" height="32" border="0" id="Image1" onMouseOver="MM_showHideLayers('Layer1','','show','Layer2','','show');MM_swapImage('Image1','','IMMAGINI/testata/prodottib.gif',1)" onMouseOut="MM_showHideLayers('Layer1','','hide','Layer2','','hide');MM_swapImgRestore()"></a><a href="#"><img src="IMMAGINI/testata/rinfreschi.gif" name="Image6" width="129" height="32" border="0" id="Image6" onMouseOver="MM_showHideLayers('Layer3','','show','Layer4','','show');MM_swapImage('Image6','','IMMAGINI/testata/rinfreschib.gif',1)" onMouseOut="MM_showHideLayers('Layer3','','hide','Layer4','','hide');MM_swapImgRestore()"></a><a href="struttura.htm"><img src="IMMAGINI/testata/struttura.gif" name="Image3" width="130" height="32" border="0" id="Image3" onMouseOver="MM_swapImage('Image3','','IMMAGINI/testata/strutturab.gif',1)" onMouseOut="MM_swapImgRestore()"></a><a href="dove.htm"><img src="IMMAGINI/testata/dovesiamo.gif" name="Image4" width="129" height="32" border="0" id="Image4" onMouseOver="MM_swapImage('Image4','','IMMAGINI/testata/dovesiamob.gif',1)" onMouseOut="MM_swapImgRestore()"></a><a href="contatti.htm"><img src="IMMAGINI/testata/contatti.gif" name="Image5" width="131" height="32" border="0" id="Image5" onMouseOver="MM_swapImage('Image5','','IMMAGINI/testata/contattib.gif',1)" onMouseOut="MM_swapImgRestore()"></a><img src="IMMAGINI/testata/09.gif" width="24" height="32"></div></td>
                    </tr>
                  </table>
                  <div align="center"> </div>
                  <div id="Layer1" style="position:absolute; width:130px; height:40px; z-index:1; left: 324px; top: 156px; visibility: hidden; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;" onMouseOver="MM_showHideLayers('Layer1','','show','Layer2','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide','Layer2','','hide')"><font color="#FF0000" size="2" face="Verdana"><a href="freschi.htm"><img src="IMMAGINI/testata/BOTTONCINI/prodotti-freschi.gif" name="Image7" width="130" height="20" border="0" id="Image7" onMouseOver="MM_swapImage('Image7','','IMMAGINI/testata/BOTTONCINI/freschib.gif',1)" onMouseOut="MM_swapImgRestore()"></a><a href="atm.htm"><img src="IMMAGINI/testata/BOTTONCINI/atm.gif" name="Image8" width="130" height="20" border="0" id="Image8" onMouseOver="MM_swapImage('Image8','','IMMAGINI/testata/BOTTONCINI/atmb.gif',1)" onMouseOut="MM_swapImgRestore()"></a> 
                    </font></div>
                  <div id="Layer2" style="position:absolute; width:129px; height:115px; z-index:0; left: 323px; top: 144px; visibility: hidden;" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')"></div>
                  <div id="Layer3" style="position:absolute; width:130px; height:48px; z-index:1; left: 453px; top: 156px; visibility: hidden;" onMouseOver="MM_showHideLayers('Layer3','','show','Layer4','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide','Layer4','','hide')"><a href="salato.htm"><img src="IMMAGINI/testata/BOTTONCINI/salato.gif" name="Image9" width="130" height="20" border="0" id="Image9" onMouseOver="MM_swapImage('Image9','','IMMAGINI/testata/BOTTONCINI/salatob.gif',1)" onMouseOut="MM_swapImgRestore()"></a><br>
                    <a href="dolce.htm"><img src="IMMAGINI/testata/BOTTONCINI/dolce.gif" name="Image10" width="130" height="20" border="0" id="Image10" onMouseOver="MM_swapImage('Image10','','IMMAGINI/testata/BOTTONCINI/dolceb.gif',1)" onMouseOut="MM_swapImgRestore()"></a><br>
                    <a href="freddi.htm"><img src="IMMAGINI/testata/BOTTONCINI/piatti-freddi.gif" name="Image11" width="130" height="20" border="0" id="Image11" onMouseOver="MM_swapImage('Image11','','IMMAGINI/testata/BOTTONCINI/piatti-freddib.gif',1)" onMouseOut="MM_swapImgRestore()"></a><br>
                  </div>
                  <div id="Layer4" style="position:absolute; width:129px; height:115px; z-index:0; left: 453px; top: 141px; visibility: hidden;" onMouseOver="MM_showHideLayers('Layer3','','show','Layer4','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide','Layer4','','hide')"></div>
                  <br>
                  <table width="990" border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td> 
                        <div align="center"> 
                          <p><img src="IMMAGINI/atm.jpg" width="300" height="50"></p>
                        </div></td>
                    </tr>
                    <tr> 
                      <td><div align="center"><font color="#FF0000" size="2" face="Verdana"> 
                          La nostra linea di prodotti in atmosfera protettiva 
                          comprende:</font></div></td>
                    </tr>
                    <tr> 
                      <td align="center" valign="top" bordercolor="#CCCCCC"><br>
                        <table border="1" align="center" cellpadding="1" cellspacing="5" bordercolor="#FFFFFF">
                          <tr bordercolor="#CCCCCC" bgcolor="#FF3333"> 
                            <td> 
                              <div align="center"><font color="#FFFFFF" face="Verdana"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','IMMAGINI/atm/tramezzinib.jpg',1)"><img src="IMMAGINI/atm/tramezzini.jpg" name="Image25" width="180" height="120" border="0"></a><br>
                                tramezzini</font></font></div></td>
                            <td> 
                              <div align="center"><font color="#FFFFFF" face="Verdana"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','IMMAGINI/atm/paninib.jpg',1)"><img src="IMMAGINI/atm/panini.jpg" name="Image26" width="180" height="120" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','IMMAGINI/atm/paninob.jpg',1)"><br>
                                </a>panini</font></font></div></td>
                            <td> 
                              <div align="center"><font color="#FFFFFF" face="Verdana"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','IMMAGINI/atm/focacceb.jpg',1)"><img src="IMMAGINI/atm/focacce.jpg" name="Image27" width="180" height="120" border="0"></a><br>
                                focacce</font></font></div></td>
                            <td> 
                              <div align="center"><font color="#FFFFFF" face="Verdana"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','IMMAGINI/atm/cornettob.jpg',1)"><img src="IMMAGINI/atm/cornetto.jpg" name="Image28" width="180" height="120" border="0"></a><br>
                                cornetti salati</font></font></div></td>
                            <td> 
                              <div align="center"><font color="#FFFFFF" face="Verdana"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','IMMAGINI/atm/genoveseb.jpg',1)"><img src="IMMAGINI/atm/genovese.jpg" name="Image29" width="180" height="120" border="0"></a><br>
                                pizze genovesi</font></font></div></td>
                          </tr>
                          <tr> 
                            <td height="10"> <div align="center"><font size="1"></font></div></td>
                            <td height="10"> <div align="center"><font size="1"></font></div></td>
                            <td height="10"> <div align="center"><font size="1"></font></div></td>
                            <td height="10"> <div align="center"><font size="1"></font></div></td>
                            <td height="10"> <div align="center"><font size="1"></font></div></td>
                          </tr>
                          <tr bordercolor="#CCCCCC" bgcolor="#FF3333"> 
                            <td> 
                              <div align="center"><font face="Verdana"><font color="#FFFFFF"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','IMMAGINI/atm/crostoneb.jpg',1)"><img src="IMMAGINI/atm/crostone.jpg" name="Image30" width="180" height="120" border="0"></a><br>
                                crostoni</font></font></font></div></td>
                            <td> 
                              <div align="center"><font face="Verdana"><font color="#FFFFFF"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','IMMAGINI/atm/trecciab.jpg',1)"><img src="IMMAGINI/atm/treccia.jpg" name="Image31" width="180" height="120" border="0"></a><br>
                                trecce</font></font></font></div></td>
                            <td> 
                              <div align="center"><font face="Verdana"><font color="#FFFFFF"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','IMMAGINI/atm/ciabattab.jpg',1)"><img src="IMMAGINI/atm/ciabatta.jpg" name="Image32" width="180" height="120" border="0"></a><br>
                                ciabatte</font></font></font></div></td>
                            <td> 
                              <div align="center"><font face="Verdana"><font color="#FFFFFF"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33','','IMMAGINI/atm/brasilb.jpg',1)"><img src="IMMAGINI/atm/brasil.jpg" name="Image33" width="180" height="120" border="0"></a><br>
                                brasiliane</font></font></font></div></td>
                            <td> 
                              <div align="center"><font face="Verdana"><font color="#FFFFFF"><font size="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34','','IMMAGINI/atm/clubb.jpg',1)"><img src="IMMAGINI/atm/club.jpg" name="Image34" width="180" height="120" border="0"></a><br>
                                club</font></font></font></div></td>
                          </tr>
                        </table>
                        <br>
                        <br>
                        <br>
                        <table border="0" align="center" cellpadding="0" cellspacing="5">
                          <tr> 
                            <td><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="azienda.htm">azienda</a></font></div></td>
                            <td> <div align="center"><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></div></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="freschi.htm">prodotti 
                                freschi</a></font></div></td>
                            <td><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="atm.htm">prodotti 
                                ATM</a></font></div></td>
                            <td> <div align="center"><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></div></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="salato.htm">rinfreschi 
                                salato</a></font></div></td>
                            <td><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="dolce.htm">rinfreschi 
                                dolce</a></font></div></td>
                            <td><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="freddi.htm">piatti 
                                freddi</a> </font></div></td>
                            <td> <div align="center"><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></div></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="struttura.htm">struttura</a></font></div></td>
                            <td> <div align="center"><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></div></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="dove.htm">dove 
                                siamo</a></font></div></td>
                            <td> <div align="center"><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></div></td>
                            <td> <div align="center"><font color="#FF0000" size="1" face="Verdana"><a href="contatti.htm">contatti</a></font></div></td>
                            <td> <div align="center"><font color="#333333" size="1" face="Verdana"><strong>|</strong></font></div></td>
                          </tr>
                        </table> </td>
                    </tr>
                  </table>
                </div></td>
            </tr>
          </table>
          <table width="990" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FF3333">
            <tr> 
              <td height="21"> <div align="center"> 
                  <table border="0" cellspacing="5" cellpadding="0">
                    <tr> 
                      /tr>
                  </table>
                </div></td>
            </tr>
          </table>
          
        </div></td>
    </tr>
  </table>
</div>
<map name="Map">
  <area shape="rect" coords="875,24,965,91" href="IMMAGINI/testata/foto-barra/pizzette.JPG" target="_blank" alt="Clicca per ingrandire">
  <area shape="rect" coords="783,24,873,91" href="IMMAGINI/testata/foto-barra/panini.JPG" target="_blank" alt="Clicca per ingrandire">
  <area shape="rect" coords="692,24,782,91" href="IMMAGINI/testata/foto-barra/tramezzini.JPG" target="_blank" alt="Clicca per ingrandire">
  <area shape="rect" coords="602,24,692,91" href="IMMAGINI/testata/foto-barra/tramezziniatm.jpg" target="_blank" alt="Clicca per ingrandire">
  <area shape="rect" coords="511,24,601,91" href="IMMAGINI/testata/foto-barra/pizze.jpg" target="_blank" alt="Clicca per ingrandire">
  <area shape="rect" coords="420,24,510,91" href="IMMAGINI/testata/foto-barra/atm.JPG" target="_blank" alt="Clicca per ingrandire">
  <area shape="circle" coords="94,72,62" href="azienda.htm" alt="home page">
</map>
</body>
</html>

**TheMic** · 29-10-2008, 17:02

ma hai già risolto modificandolo? io semplicemente incollando il tuo codice in una nuova pagina HTML, senza fare nulla, mi sono accorto che funziona senza problemi.:wow

vedo i sottomenu incolonnati perfettamente... dovrebbero comparire sul secondo e terzo pulsante vero?

**sisionet** · 03-11-2008, 17:13

Originariamente inviato da TheMic

ma hai già risolto modificandolo? io semplicemente incollando il tuo codice in una nuova pagina HTML, senza fare nulla, mi sono accorto che funziona senza problemi.:wow

vedo i sottomenu incolonnati perfettamente... dovrebbero comparire sul secondo e terzo pulsante vero?

si, esatto.
ma ho inoltre un altro problema:
in explorer è tutto incolonnato perfettamente. con firefox il primo menu a tendina non si mantiene aperto, quando il mouse si sposta sul primo sottomenu.
come può essere?

**sisionet** · 03-11-2008, 17:55

mi spiego meglio. come hai visto in explorer tutto funziona. in firefox il primo menu a tendina non si mantiene aperto, ma si chiude.
il secondo funziona bene.....

Problema layers dreamweaver

Strumenti della discussione

Valuta questa discussione

Display

Informazioni Thread

Users Browsing this Thread

Discussioni simili

alternativa a dreamweaver

Sincronizzazione sito e 2 pc con Dreamweaver?

Layer in dreamweaver

Dreamweaver

dreamweaver 4

Tags

Regole d'invio