Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 3 su 3
  1. 03-08-2004, 01:38 #1
    cucinfran
    cucinfran non è in linea
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    20

    problema di dimensionamento livelli con menu a tendina

    ciao a tutti ho preso un pò di esempi ed ho provato a creare guardando un pò in qua e la un menu a tendina orizzontale, il problema è che non so come fare a posizionare dove voglio io senza lasciare spazi il menu..!
    posto il codice:


    <script language="JavaScript">
    <!--
    function showHideLayers(livello1,stato) {//NetScape
    if (navigator.appName == 'Netscape' && document.layers != null){ //guardo il nome il nome del browser e formulo correttamente la sintassi
    theObj = eval("document.layers['" + livello1 + "']");
    if (theObj) theObj.visibility = stato;
    }
    else if (document.all != null){ //Interne Explorer
    if (stato == 'show') stato = 'visible';
    if (stato == 'hide') stato = 'hidden';
    theObj = eval("document.all['" + livello1 + "']");
    if (theObj) theObj.style.visibility = stato;
    }
    }

    function colora(contenitore,divLayer,cosa){
    if (navigator.appName=="Netscape")
    if (cosa==1)
    document.layers["" + contenitore + ""].layers["" + divLayer + ""].bgColor="#0080C0";
    else
    document.layers["" + contenitore + ""].layers["" + divLayer + ""].bgColor="#FFFFFF";
    else
    if (cosa==1)//guardo se la cella è selezionata dal mouse oppure no e li cambio colore
    document.all["" + contenitore + ""].document.all["" + divLayer + ""].style.backgroundColor = "#C7F8E8";//celeste chiaro
    else
    document.all["" + contenitore + ""].document.all["" + divLayer + ""].style.backgroundColor="#003366";//azzurro
    }

    //-->
    </script>

    </head>
    <body bgcolor="#DEF5FE" link="#6699FF" vlink="#FF9900" alink="#33CC99">
    <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <div align="center">
    <p align="center"><font color="#003399" size="+7" face="Garamond">[img]sfondo.jpg[/img]</font></p>
    <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td> <div align="left"><font face="Garamond">[b]
    <script>

    //HOME
    document.write("<div id=menuGen0 style='position:relative; left:0px; top:0px; width:104px; height:20px;background-color: \"#003366\"; visibility: visible' onMouseOver=\"showHideLayers('container0','show')\ "><font face=\"Comic Sans MS\" size='2'><font color=#FFFFFF>Home</font></font>");
    document.write("<div id=container0 style='position:absolute; left:0px; top:0px; width:104px; height:40px;visibility: hidden;' onMouseOut=\"showHideLayers('container0','hide')\" ><font color=#FFFFFF><font face=\"Comic Sans MS\" size='2'><A HREF=\"index.php\">Home</A></font></font>");
    document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=104><TR><TD BGCOLOR=\"#003366\"> <font color=#FFFFFF>");
    document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 WIDTH=104>");
    document.write("</TABLE></TD></TR></TABLE>");
    document.write("</div></div>");

    //menu PERSONALE
    document.write("<div id=menuGen1 style='position:relative; left:105px; top:-20px; width:104px; height:20px;background-color: \"#003366\"; visibility: visible' onMouseOver=\"showHideLayers('container1','show')\ "><font face=\"Comic Sans MS\" size='2'><font color=#FFFFFF>Personale</font></font>");
    document.write("<div id=container1 style='position:absolute; left:0px; top:0px; width:104px; height:40px;visibility: hidden;' onMouseOut=\"showHideLayers('container1','hide')\" ><font color=#FFFFFF><font face=\"Comic Sans MS\" size='2'><A HREF=\"Personale/HomePersonale.php\">Personale</A></font></font>");
    document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=104><TR><TD BGCOLOR=\"#003366\"> <font color=#FFFFFF>");
    //document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 WIDTH=104>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu1_1 style='width:124px; height:18px' onMouseOver=\"colora('container1','menu1_1',1);\" onMouseOut=\"colora('container1','menu1_1',0);\">< font face=\"Comic Sans MS\" size='2'><A HREF=\"Personale/GalleriaGeneralePersonale.php\" >Foto</A></font></div></TD></TR>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu1_2 style='width:124px; height:18px' onMouseOver=\"colora('container1','menu1_2',1);\" onMouseOut=\"colora('container1','menu1_2',0);\">< font face=\"Comic Sans MS\" size='2'><A HREF=\"#\">Università</b</A></div></font></TD></TR>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu1_3 style='width:124px; height:18px' onMouseOver=\"colora('container1','menu1_3',1);\" onMouseOut=\"colora('container1','menu1_3',0);\">< font face=\"Comic Sans MS\" size='2'><A HREF=\"#\">Calcio</A></div></font></TD></TR>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu1_4 style='width:124px; height:18px' onMouseOver=\"colora('container1','menu1_4',1);\" onMouseOut=\"colora('container1','menu1_4',0);\">< font face=\"Comic Sans MS\" size='2'><A HREF=\"#\">Roba</A></div></font></TD></TR>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu1_5 style='width:124px; height:18px' onMouseOver=\"colora('container1','menu1_5',1);\" onMouseOut=\"colora('container1','menu1_5',0);\">< font face=\"Comic Sans MS\" size='2'><A HREF=\"#.php\">Contatti</A></font></div></TD></TR>");
    // document.write("</TABLE></TD></TR></TABLE></div></div>");
    document.write("</TD></TR></TABLE></div></div>");

    //menu TDM
    document.write("<div id=menuGen2 style='position:relative; left:210px; top:-40px; width:104px; height:20px;background-color: \"#003366\"; visibility: visible' onMouseOver=\"showHideLayers('container2','show')\ "><font face=\"Comic Sans MS\" size='2'><font color=#FFFFFF>TDM</font></font>");
    document.write("<div id=container2 style='position:absolute; left:0px; top:0px; width:104px; height:40px;visibility: hidden;' onMouseOut=\"showHideLayers('container2','hide')\" ><font face=\"Comic Sans MS\" size='2'><font color=#FFFFFF><A HREF=\"TDM/indexTDM.php\" >TDM</A></font></font>");
    document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=104><TR><TD BGCOLOR=\"#003366\">");
    document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 WIDTH=104>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu2_1 style='width:124px; height:18px' onMouseOver=\"colora('container2','menu2_1',1);\" onMouseOut=\"colora('container2','menu2_1',0);\">< font face=\"Comic Sans MS\" size='2'><A HREF=\"TDM/GalleriaGeneraleTDM.php\" >Foto</A></font></div></TD></TR>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu2_2 style='width:124px; height:18px' onMouseOver=\"colora('container2','menu2_2',1);\" onMouseOut=\"colora('container2','menu2_2',0);\">< font face=\"Comic Sans MS\" size='2'><A HREF=\"TDM/Tecnica.php\" >Tecnica</A></div></font></TD></TR>");
    document.write("</TABLE></TD></TR></TABLE></div></div>");

    //menu PELE
    document.write("<div id=menuGen3 style='position:relative; left:315px; top:-60px; width:104px; height:20px;background-color: \"#003366\"; visibility: visible' onMouseOver=\"showHideLayers('container3','show')\ "><font color=#FFFFFF><font face=\"Comic Sans MS\" size='2'>Pelè</font></font>");
    document.write("<div id=container3 style='position:absolute; left:0px; top:0px; width:104px; height:40px;visibility: hidden;' onMouseOut=\"showHideLayers('container3','hide')\" ><font color=#FFFFFF><font face=\"Comic Sans MS\" size='2'><A HREF=\"Pele/indexPele.php\" >Pelè</A></font></font>");
    document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=104><TR><TD BGCOLOR=\"#003366\">");
    document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 WIDTH=104>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu3_1 style='width:124px; height:18px' onMouseOver=\"colora('container3','menu3_1',1);\" onMouseOut=\"colora('container3','menu3_1',0);\">< A HREF=\"../Pele/GalleriaGeneralePele.php\" ><font face=\"Comic Sans MS\" size='2'>Foto</A></font></div></TD></TR>");
    document.write("<TR><TD BGCOLOR=\"#003366\" VALIGN=middle><div id=menu3_2 style='width:124px; height:18px' onMouseOver=\"colora('container3','menu3_2',1);\" onMouseOut=\"colora('container3','menu3_2',0);\">< A HREF=\"#\" ><font face=\"Comic Sans MS\" size='2'>Dati</A></font></div></TD></TR>");
    document.write("</TABLE></TD></TR></TABLE></div></div>");


    </script>
    </font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    </table>



    </p><table width="900" height="300" border="0" align="center" cellpadding="5" cellspacing="5" bgcolor="#0C7AAF">
    <tr>
    <td height="306"> ....continua la pagina
    Rispondi quotando Rispondi quotando
  2. 03-08-2004, 02:02 #2
    cucinfran
    cucinfran non è in linea
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    20
    in pratica mi lascia quattro o cinque righe vuote tra il punto dove ho messo il menu e il resto della pagina!! come faccio a toglierle?
    Rispondi quotando Rispondi quotando
  3. 03-08-2004, 03:07 #3
    Xinod
    Xinod non è in linea
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    un esempio x chiarire da dove arrivano quegli spazi, in questo
    codice:
    <div style="background-color:#f00">
<div style="position:relative;top:-20px;background-color:#0f0">bbb</div>
aaa</div>
    aaa occupa + spazio di quanto sembrerebbe necessario perchè bbb è un div e in quanto tale, se non specificato diversamente, è un elemento di tipo block: di default occupa tutto lo spazio disponibile orizzontalmente e alla chiusura del tag manda a capo

    in questi 2 casi non ci sarebbe quello spazio vuoto
    codice:
    <div style="background-color:#f00">
<div style="position:relative;top:-20px;background-color:#0f0;display:inline">bbb</div>
aaa</div>
    codice:
    <div style="background-color:#f00">
<span style="position:relative;top:-20px;background-color:#0f0;">bbb</span>
aaa</div>
    ciao
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.