• User Attivo

    Molto strano, io li ho copiati e provati orora entrambi...e mi funzionano correttamente...

    Quale dei 2 tipi hai preso?

    Per ogni uno dei due, certicale o orizzontale, devi includere css e js differenti per explorer e firefox...


  • User

    Ho provato quello orizzontale ma .......da perfetta "carabiniera" (senza offesa per i carabinieri) ho messo tutto in un unico file js....più tardi provo di nuovo e ti faccio sapere.
    ......................Che vergogna !!!!
    Come faccio in html ha dirgli di usare o uno o l'altro!
    Me lo spieghi.
    Hai presente un pomodoro rosso? beh in confronto a me, in questo momento, è pallidissimo.


  • User Attivo

    Allora, vediamo un po....

    Per sniffare il browser in JS si fa così:

    
    user_bro = navigator.userAgent;
    if(user_bro.indexOf('Firefox')!==-1)
    {
        bro = "ff";
    }
    else if(user_bro.indexOf('MSIE')!==-1)
    {
        bro = "ie";
    }
    else
    {
        bro = "ff";
    }
    
    alert(bro);
    
    

    In pratica questo codice, prende l'user agend del browser, vede se al'interno c'è la stringa identificativa di Firefox o IE, e passa una variabile, dopo esegui o una o l'alta parte di codice...

    Sapendo che usi il php, direi però che ti convenga usare quello per sniffarlo, ed includere solo una parte del codice, così da alleggerire la pagina, anche se non di molto, nel caricamento...

    Per il php:
    [php]
    $bro = $_SERVER['HTTP_USER_AGENT'];

    if(strpos($bro,"Firefox")!==false)
    {
    echo "<script src='tua_pagina_per_firefox.js'></scripr>";
    }
    else if(strpos($bro,"MSIE")!==false)
    {
    echo "<script src='tua_pagina_per_ie.js'></scripr>";
    }
    else
    {
    echo "<script src='tua_pagina_per_firefox.js'></scripr>";
    }
    [/php]


  • User

    Ciao!
    Spero che non hai pensato che sono così maleducata da non risponderti più, il fatto è che provo da diversi giorni e non funziona non compare nulla. Ho un piccolo sospetto ......(scusa l'ignoranza) firefox e mozilla sono due cose diverse vero? attualmente sto optando per un menù a base di ostriche ed aragoste reali, scherzo :wink3: sto pensando a un menù realizzato in css, appena lo provo e se funziona ti faccio sapere.
    Un bacione by streghetta 💋


  • User Attivo

    Mi spiace che lo script non abbia funzionato, sopratutto perchè l'ho copiato pari-pari dalle pagine di test che avevo io...


  • User

    Non importa, sicuramente ho sbagliato qualcosa. In questi giorni, appena trovo un po' di tempo, farò altri tentativi e poi ti faccio sapere. Comunque resti sempre il mio cavaliere dall'armatura scintillante.
    Un bacione


  • User

    @Digital Daigor said:

    Mi spiace che lo script non abbia funzionato, sopratutto perchè l'ho copiato pari-pari dalle pagine di test che avevo io...
    Ciao Digital Daigor o come da me ribattezzato il Cavaliere dall'armatura scintillante.
    Non sò dove sbagliavo ma adesso il tuo menù orizzontale funziona benissimo e lasciami dire che sei un vero genio del male. E' fantastico, funziona benissimo con firefox e ie. Ti ringrazio tantissimo mi hai risolto un grosso problema. Ora vorrei provare a personalizzarlo cioé mi serve una barra più corta e centrale e mettere uno sfondo creato da me in jpg.
    Un grosso anzi grossissimo bacione al mio EROE.


  • User

    Ciao
    E' da un paio di giorni che ci provo ma non riesco ad accorciarla ed a mettere un'immagine di sfondo mia per creare un bottone.
    Aggiungo background-image: url ....ma non cambia nulla idem per le dimensioni e il posizionamento centrale attualmente e troppo lungo perché mi servono solo 4 voci per il menù. Cosa devo fare?!
    Un bacione
    :makeup:💋


  • User Attivo

    Scusa, ma per capire meglio, potresti postare il codice che stai usando, così da fare ipotesi su quello corretto...senò mi sconfusiono!


  • User

    @Digital Daigor said:

    Scusa, ma per capire meglio, potresti postare il codice che stai usando, così da fare ipotesi su quello corretto...senò mi sconfusiono!
    Ciao scusa il ritardo....ma sai le donne per buona regola si fanno aspettare.
    Scherzavo, in verità ho cercato di risolvere da sola per non fare la parte della sciocchina, per lo più o risolto sono riuscita: ad accentrare(non è accentrato al 100%, ma lo sappiamo solo io, tu e chi legge il messaggio), modificare le dimensioni della barra(non ho più una barra lungo tutta la larghezza della pagina), sono riuscita a posizionare un'immagine che mi fà da bottone, ma ho ancora un problema.
    Non riesco a dare ai pulsanti del menù principale la stessa dimensione.
    Il codice che ti posto è il tuo per il menù orizzontale (non mi chiedere qual'è fra quelli che mi hai postato perché non mi ricordo, so solo che funziona sia in IE che firefox)
    Codice:

    
    <head>
    <style>
    .menuNavigazione
    {
    margin: 0;
    padding:0;
    list-style:none;
    height:2em;
    
    width:400px;
    }
    .menuNavigazione li
    {
    float:left;
    position:relative;
    /*display:inline;*/
    }
    .menuNavigazione a
    {
    float:left;
    height:2em;/*height:0em;*//*height:2em;*/
    line-height:2em;
    padding:0 0.7em;
    text-decoration:none;
    border:1px solid #9798FF;
    
    white-space:nowrap;
    }
    
    .menuNavigazione ul
    {
    margin:0;
    padding:0;
    list-style:none;
    width:17em;
    }
    .menuNavigazione ul li
    {
    float:none;
    }
    .menuNavigazione ul a
    {
    float:none;
    display:block;
    height:1.8em;
    line-height:1.8em;
    white-space: normal;
    }
    
    .menuNavigazione ul, menuNavigazioneul.subMenu-off
    {
    position:absolute;
    visibility:hidden;
    }
    .menuNavigazione ul.subMenu-on
    {
    visibility:visible;
    }
    .menuNavigazione ul.subMenu-on
    {
    position:absolute;
    top:2em;
    left:-1px;
    visibility:visible;
    
    }
    .menuNavigazione ul.subMenu-on ul.subMenu-on
    {
    margin: 0 0 0 -1px;
    width: 17em;
    position:absolute;
    top:-1px;
    left:17em;
    
    }
    
    .menuNavigazione
    { background: url(img/logo/xxxx.jpg);
    background: #FFFFFF;
    color: blue;
    }
    .menuNavigazione a
    {
    background: url(img/logo/xxxx.jpg);
    color:blue;
    }
    
    .menuNavigazione a:hover, .menuNavigazione a:focus, .menuNavigazione a:active
    { background: url(img/logo/xxxx.jpg);
    color: red;
    text-decoration: underline;
    
    }
    .menuNavigazione a.continua
    {
    background:url(img/logo/xxxx.jpg) center no-repeat;
    }
    .menuNavigazione ul.continua
    {
    background:url(img/logo/xxxx.jpg) center no-repeat;
    }
    </style>
    <script>
    menuClassName = "menuNavigazione";
    
    function closeSub(menu)
    {
    for(var i=0; i<menu.childNodes.length; i++)
    {
    if(menu.childNodes*.nodeName.toLowerCase()=="li")
    {
    li = menu.childNodes*;
    li.onmouseover = li.onactivete = li.onfocus = function(){if(this.subMenu)this.subMenu.className = this.subMenu.className.replace(/subMenu-off/g,"subMenu-on")};
    li.onmouseout = li.ondeactivate = li.onblur = function(){if(this.subMenu) closeSub(this.subMenu)};
    for(j=0; j<li.childNodes.length; j++)
    {
    if(li.childNodes[j].nodeName.toLowerCase()=="ul" || li.childNodes[j].nodeName.toLowerCase()=="ol")
    {
    closeSub(li.subMenu = li.childNodes[j]);
    }
    }
    }
    }
    menu.className = menu.className.replace(/\s?subMenu-on/g,"")+" subMenu-off";
    }
    
    window.onload = function(e){
    if(tags_ = document.getElementsByTagName('ul'))
    {
    for(i=0; i<tags_.length; i++)
    {
    if(tags_*.className==menuClassName)
    {
    closeSub(tags_*);
    }
    
    }
    }
    if(tags_ = document.getElementsByTagName('ol'))
    {
    for(i=0; i<tags_.length; i++)
    {
    if(tags_*.className==menuClassName)
    {
    closeSub(tags_*);
    }
    
    }
    }
    }
    </script>
    
    </head>
    <body>
    <div align=center>
    <ul class="menuNavigazione">
    <li><a href="#" class="continua">Menù 1</a>
    <ul>
    <li><a href="#">Lavori in corso</a></li>
    </ul>
    <li><a href="#" class="continua">I nostri servizi</a>
    <ul>
    
    <LI><a href="acon.php" target="_self">Acquisti e Consumi</a></li>
    <li><a href="ali.php" target="_self">Alimentazione</a></li>
    <li><a href="assi.php" target="_self">Assicurazioni</a></li>
    <li><a href="casute.php" target="_self">Casa e Utenze</a></li>
    <li><a href="inter.php" target="_self">Internet</a></li>
    <li><a href="risp.php" target="_self">Risparmio</a></li>
    <li><a href="sal.php" target="_self">Salute</a></li>
    <li><a href="tel.php" target="_self">Telefonia</a></li>
    <li><a href="sersoc.php" target="_self">Servizi e Società</a></li>
    <li><a href="tutra.php" target="_self">Turismo e Trasporti</a></li>
    <li><a href="tvme.php" target="_self">Tv e Media</a></li>
    
    </ul>
    </li>
    <li><a href="#" class="continua"> Link amici</a>
    <ul>
    <li><a href="#">Prima sottovoce</a></li>
    <li><a href="#">Seconda sottovoce</a></li>
    <li><a href="#">Terza sottovoce</a></li>
    </ul>
    </li>
    <li><a href="#" class="continua">Menù 4</a>
    <ul>
    <li><a href="#">Lavori in corso</a></li>
    </ul>
    </ul>
    </div>
    
    

    Se provo a dare un'unica dimensione ai 4 pulsanti, mi sballano i sottomenù che si posizionano di ca 3cm più a destra creando un effetto brutto oltre al fatto che mi sballa tutto il resto.

    Un bacione da un'imbranata