Problema layers dreamweaver | Stampa

Ciao a tutti!
Volevo chiederi se possibile ancorare con dreamweaver i livelli ad una parte specifica di una pagina.
Per un sito che sto facendo, ho creato infatti un menu' dinamico con i livelli che compaiono onmouseover, ma visualizzando il sito con risoluzioni diverse di schermo, i livelli risultano poi spostati
Qualcuno sa aiutarmi?
Grazie.

vediamo un po...

per livelli cosa intendo innanzi tutto??

per livelli intendo dire i layers di dreamweaver.
o creato un menu' rollover. in 2 bottoni, al passaggio del mouse si apre una tendina con dei sottomenu'. questo l'ho fatto usando i livelli di dreamweaver.
il problema è che impaginando con una visualizzazione a 1024x768, quando vado poi a vedere la pagina con un'altra risoluzione video, il menu' a tendina è spostato da un'altra parte.
vorrei quindi capire se si possono bloccare i layers nello schermo rispetto a una certa posizione che gli do io (in prossimità del bottone che mosrta il livello).
sai dirmi se si può fare?

Ho provato a guardare un po ieri sera. Dalle proprietà dei layers ci sono alcuni campi che vanno impostati con i dati in pixel in modo da avere le "coordinate" esatta di dove verrà posizionato questo layers.

Ti do un consiglio però, per facilitarti un po la vita.

Perchè invece che i layers, non usi gli oggetti dinamici tipo APDIV o simili??
Questi oggetti sono molto utili, ci schiaffi dentro il tuo bel contenuto e li sposti come vuoi, poi dal menù in basso di dreamweaver hai la possibilità di lasciarli mobili oppure di bloccarli!

;)

Se ti serve una mano io sono qua. Ciao

posso chiederti maggiori informazioni su questi oggetti e se mi fai qualche esempio?
grazie in anticipo

Questi oggetti possono essere molto d'aiuto per la creazione del layout della tua pagina...

I div sono come dei grandi contenitori al cui interno puoi creare una precisa formattazione del testo, un preciso sfondo ecc ecc.
Questi come le tabelle li puoi posizionare dove vuoi basta dargli la posizione in pixel di altezza e larghezza, oltre al punto di partenza in cui il codice deve iniziare a creare il tuo div.

Gli apdiv invece, sono molto simili ai tuoi div, ma tramite alcune proprietà, una volta salvato e caricato il documento, permettono all'utente del tuo sito di spostarli a proprio piacere. Con questo tipo di oggetto, quindi, puoi creare anche pagine internet in modalità desktop, proprio come se avessi sotto il desktop di windows.

Ti avevo proposto questo tipo di oggetti, in quanto le coordinate che gli dai, rimangono sempre e comunque quelle, anche se aumenti o diminuisci le dimensioni e/o la risoluzione del video!

;)

Raga, chiedo scusa per il mio tardo intervento ma ho avuto diversi problemi in questi giorni ... comunque a leggere queste cose mi viene l'orticaria. :smt120

allora: non entrando troppo nel dettaglio, possiamo dire che i DIV sono dei tag generici che possono contenere qualsiasi altro TAG, anche altri DIV. STOP!
Poi tutte le questioni dei posizionamenti o della possibilità di spostare queste box da parte dell'utente, cioè sti apdiv secondo Dreamweaver, sono legate SOLO e SOLTANTO ai CSS e a javascript et similia!

Tornando al problema di sisionet ti dico che è una questione di riferimento. tu praticamente metti la DIV in posizione assoluta (il famoso layer che dici) rispetto alla pagina... ed è qui che scazza tutto quando passi attraverso risoluzioni diverse, invece dovresti metterla in posizione assoluta rispetto la tua box menù.
Per fare questo dovresti dare alla box menù la proprietà di position:relative; in modo tale far partire da qui la posizione degli oggetti assoluti contenuti in esso.

Lo so... non si capisce nulla, ma è più difficile a dirsi che a farsi... potresti postare il codice HTML? se si, risolviamo in due secondi!


p.s.: per incominciare a fare pagine WEB iniziate imparando HTML e CSS... e poi passate a questi programmi tipo Dreamweaver! :smt023

Quote:

---

Originariamente inviato da TheMic

Raga, chiedo scusa per il mio tardo intervento ma ho avuto diversi problemi in questi giorni ... comunque a leggere queste cose mi viene l'orticaria. :smt120
.....
p.s.: per incominciare a fare pagine WEB iniziate imparando HTML e CSS... e poi passate a questi programmi tipo Dreamweaver! :smt023

---

Così mi era stato spiegato a scuola.. scusa se ho detto boiate.... :2sigh

Quote:

---

Originariamente inviato da Matty90

Così mi era stato spiegato a scuola.. scusa se ho detto boiate.... :2sigh

---

e scusarti di cosa? mica mi hai offeso!
purtroppo oramai la scuola, soprattutto nel campo informatico, racconta solo favolette.

un sito web è composto alla base soltanto da HTML/XHTML.

Quote:

---

Originariamente inviato da TheMic

Raga, chiedo scusa per il mio tardo intervento ma ho avuto diversi problemi in questi giorni ... comunque a leggere queste cose mi viene l'orticaria. :smt120

allora: non entrando troppo nel dettaglio, possiamo dire che i DIV sono dei tag generici che possono contenere qualsiasi altro TAG, anche altri DIV. STOP!
Poi tutte le questioni dei posizionamenti o della possibilità di spostare queste box da parte dell'utente, cioè sti apdiv secondo Dreamweaver, sono legate SOLO e SOLTANTO ai CSS e a javascript et similia!

Tornando al problema di sisionet ti dico che è una questione di riferimento. tu praticamente metti la DIV in posizione assoluta (il famoso layer che dici) rispetto alla pagina... ed è qui che scazza tutto quando passi attraverso risoluzioni diverse, invece dovresti metterla in posizione assoluta rispetto la tua box menù.
Per fare questo dovresti dare alla box menù la proprietà di position:relative; in modo tale far partire da qui la posizione degli oggetti assoluti contenuti in esso.

Lo so... non si capisce nulla, ma è più difficile a dirsi che a farsi... potresti postare il codice HTML? se si, risolviamo in due secondi!


p.s.: per incominciare a fare pagine WEB iniziate imparando HTML e CSS... e poi passate a questi programmi tipo Dreamweaver! :smt023

---

Ok. ti ringrazio. ecco il codice relativo ai livelli:

codice HTML:

---

<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="01.htm"><img src="IMMAGINI/testata/BOTTONCINI/01.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> <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><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></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>

---

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.

Quote:

---

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?

Quote:

---

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.

Quote:

---

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&#91;i&#93;.indexOf("#")!=0){ d.MM_p&#91;j&#93;=new Image; d.MM_p&#91;j++&#93;.src=a&#91;i&#93;;}}
}
//-->
</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&#91;i&#93;&#91;n&#93;;
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers&#91;i&#93;.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&#91;i&#93;))!=null) { v=args&#91;i+2&#93;;
    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&#91;i&#93;)&&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&#91;i&#93;))!=null){document.MM_sr&#91;j++&#93;=x; if(!x.oSrc) x.oSrc=x.src; x.src=a&#91;i+2&#93;;}
}
//-->
</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>
                    <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>
                    <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>
                  </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>
                 
                  <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">
                        <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>
                                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)">
                                </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>
                                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>
                                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>
                                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>
                                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>
                                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>
                                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>
                                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>
                                club</font></font></font></div></td>
                          </tr>
                        </table>
                       
                       
                       
                        <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>

---

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?

Quote:

---

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?

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.....