• User

    Effetto mouseover sballato

    Salve,
    ho un piccolo problema con un effetto mouseover nel mio blog.
    Ho realizzato un immagine che viene visualizzata sul menu al passaggio del mouse con css. In teoria tutto ok ma pubblicato il blog ho scoperto che su altri pc l'effetto mouseover è sballato, in pratica l'immagine al passaggio del mouse viene visualizzata in un altro punto dello schermo, dopo aver cliccato il link invece la visualizzazione è corretta.
    Qualcuno può aiutarmi?
    Grazie. 🙂


  • User Attivo

    Ciao vpandora e benvenuto/a nel Forum GT,

    per aiutarci a comprendere il problema, puoi inserire qui il pezzo di codice interessato?

    :ciauz:


  • User

    Ciao,
    grazie per il benvenuta:)!
    Il blog è realizzato con wordpress, il tema è mio. Questo il codice:

    <!--header-->
    <div id="header">
    <h1>titolo</h1>
    <div class="description">decrizione</div>
    <ul id="nav">
    <li id="nav-home"><a href="#">home<span></span></a></li>
    </ul>
    </div>
    <!--/header-->
    e questo il css:
    #nav {
    position:absolute;
    list-style:none;
    font-family:"Courier New", Courier, monospace;
    font-size:1.8em;
    font-weight:bold;
    left: 340px;
    top: 270px;
    }
    li {
    background:none;
    float:left;
    padding:0;
    width:130px;
    text-align:center;
    }
    a:link {
    color:#7a637a;
    display:block;
    position:absolute;
    outline:none;
    }
    a:visited {
    color:#7a637a;
    text-decoration:none;
    }
    a:hover {
    background-position:left bottom;
    cursor:hand;
    }
    span {
    position:absolute;
    display:none;
    }
    a:hover span {
    display:block;
    }
    -home span {
    background:url(img/nav-over.png) no-repeat;
    width:130px;
    height:70px;
    left:0px;
    top:-14px;
    }
    Comprensibile?...


  • User

    😢...sigh...nessun consiglio?


  • User Attivo

    Ciao,

    ho provato il codice in locale e sul mio hosting e con Firefox 3 (linux) lo visualizzo correttamente.

    Tu con quale browser hai problemi? Immagino internet explorer.

    Dacci un po' di informazioni.

    olaola


  • User

    Ciao,
    Intanto grazie mille per l'aiuto e le prove...
    La risposta è scontata: internet explorer...
    Ho seguito per questo effetto un tutorial e in realtà una nota parlava di un bug in IE e la necessità di usare javascript...qui però mi son persa:(.
    La cosa che non capisco comunque è che l'errore appare alla prima visualizzazione, dopo aver cliccato sembra correggersi.
    Ho provato a testare il blog con browsershots e tutto il campo del menu (cioè quello con l'effetto mouseover) è sfasato.
    Se serve posso inserire il link del mio blog e del tutorial, così magari è più chiaro il problema.