Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 19

Discussione: menù fisso

  1. #1

    menù fisso

    salve a tutti, ho trovato in giro uno sript per menù fisso anche se la pagina scorre.
    Il menù fisso è posizionato in alto a sinistra dello schermo, adesso vi chiedo cosa si deve cambiare per fa si che si posizioni per esempio:
    1) in alto a destra dello schermo;
    2) in basso a sinistra;
    3) in basso a destra.


    sotto vi posto il codice completo

    ----------------------------------
    <html>
    <head>
    <body>
    <div id="staticcontent"
    style="position:absolute; border:1px solid black; background-color: lightyellow; width: 135px;">



    Questo elemento sta fisso sulla pagina anche se la scorri. </p>
    </div><script type="text/javascript">
    var crossobj=document.all? document.all.staticcontent : document.getElementById("staticcontent")

    var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body

    function positionit(){
    var dsocleft=document.all? iebody.scrollLeft : pageXOffset
    var dsoctop=document.all? iebody.scrollTop : pageYOffset

    if (document.all||document.getElementById){
    crossobj.style.left=parseInt(dsocleft)+5+"px"
    crossobj.style.top=dsoctop+5+"px"
    }
    }
    setInterval("positionit()",100)
    </script>






    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>





    bla </p>

    <hr>
    </body>
    </html>

    --------------------------------------------------------------

    e questa è la pagina dove è pubblicato per vedere il risultato se caso mai non mi sono spiegato
    http://www.cowese.com/menu_prova.html

    attendo vs. aiuto
    grazie mille
    ------------------
    georado
    www.georado.it

  2. #2
    nessuno conosce la risposta?

    non ci credo!
    ------------------
    georado
    www.georado.it

  3. #3
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da georado
    nessuno conosce la risposta?

    non ci credo!
    non è che nessuno la conosce, ma magari se postavi in javascript avevi più probabilità di ottenere aiuto. Qui siamo su xhtml, e non è detto che tutti conoscano bene js.

    Tornando alla tua domanda, io non so risponderti, ma ti posso dire in riferimeno al tuo codice di dargli una sistemata. Manca il doctype, e la semantica è sbagliata. Se si tratta di un menu, probabilmente è un elenco di voci, e quindi dovrai usare gli elementi di lista.
    I js non dovrebbero sporcare il markup. mettili in file esterni.


  4. #4
    scusa ma non potevi semplicemente usare la proprietà fixed per il menu?

  5. #5
    e cioè? come si fa? ulteriore aiuto è di molto gradimento.
    ------------------
    georado
    www.georado.it

  6. #6
    il menu lo posizioni dentro a un div con un id ad esempio menu:

    <div id="menu"> ........</div>

    nei CSS metti:

    #menu {position: fixed;
    float: left (se vuoi che il menu stia fermo a sinistra; metti right se lo vuoi a destra)}


    occhio pero' che se il menu' è piu' alto dello schermo, in questo modo non riuscirai a vedere la sua parte bassa, in quanto la pagina scrollerà solo il testo a fianco del menu.

  7. #7
    ok vediamo se ho capito:

    ho scritto così ma non va
    ---------------------
    <style>
    #menu {position: fixed;
    float: left}

    </style>

    <body>
    <div id="menu">



    primo rigo

    secondo rigo

    terzo rigo

    </p>
    </div>





    bla </p>

    <hr>





    bla </p>

    <hr>





    etc.

    -------------------

    il menù scorre insieme alla pagina
    ------------------
    georado
    www.georado.it

  8. #8
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    innanzitutto, devi dirci a quale browser fai riferimento. Se è IE6, il position:fixed non è supportato

    secondo, devi definire il type di style

    terzo, il doctype ce l'hai messo (e quindi hai adeguato il codice alla specifica)? Il browser può assumere dei "comportamenti" strani quando va in quirks mode.


  9. #9
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da francy88

    #menu {position: fixed;
    float: left (se vuoi che il menu stia fermo a sinistra; metti right se lo vuoi a destra)}

    se metti position: fixed, la posizione la dai con "top, right, bottom, left".

  10. #10
    non ne capisco nulla di quello che hai detto, per questo ho chiesto aiuto.....

    uso ie6 ma non proprio come scrivere il codice se tu lo sai dimmelo, facciamo prima, sempre se ti va
    ------------------
    georado
    www.georado.it

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.