Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Floating Menu

  1. #1
    Utente di HTML.it L'avatar di popocat85
    Registrato dal
    Jul 2010
    residenza
    Imperia
    Messaggi
    45

    Floating Menu

    Ciao a tutti è la seconda discussione che apro, come nel primo caso sono molto inesperta e sto sbattendo la stesta su muri che non riesco a superare

    ho seguito il tutorial di html per ottenere un floating menu ma non riesco a farlo funzionare.
    inoltre DW mi sottoline di giallo il
    codice:
    <body onload="setVariables();checkLocation()">
    quindi è probabile che non ho capito dove inserire i valori e ho anche sbagliato altro
    potete aiutarmi perfavore?
    Inserisco il codie dall'inizio fino alla chiusura del div del menu. e le impostazioni css del div menu

    la pagina col menu
    codice:
    <!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" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <script type="text/javascript" language="javascript">
    function setVariables(){
    if (navigator.appName == "Netscape") {
    v=".top=";h=".left=";dS="document.";sD="";
    y="window.pageYOffset";x="window.pageXOffset";}
    else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
    y="document.body.scrollTop";x="document.body.scrollLeft";}checkLocationA()}
    movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
    function checkLocation(){
    object="object1";yy=eval(y);xx=eval(x);ydiff=ystart-yy;xdiff=xstart-xx;
    if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
    if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
    eval(dS+object+sD+v+ystart);eval(dS+object+sD+h+xstart);
    setTimeout("checkLocation()",10)}
    function checkLocationA(){ystart=eval(y);xstart=eval(x);}
    </script> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Imperiali Costruzioni</title>
    <style type="text/css">
    <!--
    -->
    </style>
    <link href="css/master2.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body link="#00275B">
    <body onload="setVariables();checkLocation()"> 
    <div id="tutto">
    <div id="intestazione">[img]immagini/home.png[/img]</div>
    <div id="corpo">
      <table width="770" height="591" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="180" align="left" valign="top"><div id="menu">Home
    
                Chi siamo
    
                Servizi
    
                Offerte immobiliari
    
                Lavori eseguiti
    
                Contatti</div>
    il css per il div menu
    codice:
    #menu {
    	font-size: 14px;
    	line-height: 35px;
    	color: #00275B;
    	background-image: url(../immagini/linguetta_menu_d.png);
    	width: 160px;
    	height: 216px;
    	background-position: left top;
    	vertical-align: middle;
    	text-align: left;
    	style="position:absolute;
    	visibility:show;
    	left:0px;
    	top:0px;
    }

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    se ho capito bene... è roba JavaScript

    che vuol dire "non riesco a farlo funzionare"?
    spiega cosa dovrebbe fare e cose invece fa e non fa

    sposto

  3. #3
    Utente di HTML.it L'avatar di popocat85
    Registrato dal
    Jul 2010
    residenza
    Imperia
    Messaggi
    45
    Si scusami, vorrei che il menu rimanga sempre visiblie anche quando l'utente scende in fondo alla pagina.
    Nel caso specifico del codice non accade nulla, avevo già provato a inserirlo in un'altra pagina li rimaneva sempre in basso e in parte non era visibile inoltre funzionava solo con Opera e Safari.

  4. #4

  5. #5
    Utente di HTML.it L'avatar di popocat85
    Registrato dal
    Jul 2010
    residenza
    Imperia
    Messaggi
    45
    Ti ringrazio per il link ora provo a metterlo

  6. #6
    Utente di HTML.it L'avatar di popocat85
    Registrato dal
    Jul 2010
    residenza
    Imperia
    Messaggi
    45
    Originariamente inviato da lucavizzi
    http://www.dynamicdrive.com/dynamici...staticmenu.htm

    prova questo
    Non è ancora perfetto non funziona con firefox e safari mentre con opera si! Anche se la demo del sito l'ho vista con firefox ed era ok, non sò che problemi posso aver creato inserendolo nel mio sito

    Sono riuscita a modificare la posizione di partenza del menù (in alto mentre prima era in basso) solo che non riesco a capire fare per fargli seguire il resto della pagina che è relativa... non sò dove mettere le mani.

    Inoltre se inserisco

    ho troppo spazio se inserisco
    troppo poco, cosa devo utilizzare nei menù per far andare a capo il testo? Se c'è bisogno del css cosa modifico?
    Grazie ancora

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.