• User Attivo

    [Risolto] Consiglio su Menu orizzontale

    Salve...
    Prendendo spunto da questo sito, ho realizzato un menu orizzontale molto simile con i css. L'unico problema è che non riesco a spostare la scritta verso l'alto sul rollover... praticamente si solleva solo il pulsante!
    Come posso risolvere il problema? GRAZIE

    codice css:

    div#menuoriz ul{list-style-type:none; margin:0 0 0 180px; padding:0;}

    div#menuoriz li{float:left; margin:0; padding:0;}

    div#menuoriz a{
    display:block;
    width:94px;
    line-height: 37px;
    text-decoration:none;
    color:#000000;
    background:url(immagini/bottone.png) no-repeat top;
    font-variant: small-caps;
    text-align:center;
    }

    div#menuoriz a:hover{background-position:0px -37px; color:#000000}


  • Ciao

    puoi scoprirlo da te andando a vedere direttamente il codice del foglio di stile che hanno usato nel loro sito.
    http://pixelpanic.be/layout/stijl.css

    Come vedrai loro spostano l'immagine di background del pulsante, per mostrare nell'hover quello "nascosto"
    Qui vedi il pulsante completo
    http://pixelpanic.be/afbeeldingen/menu_item.jpg

    Per muovere il testo dovrai variare la proprietà line-height, riducendola se vuoi alzare il testo

    prova con

    
    div#menuoriz a:hover{
    background-position:0px -37px; 
    color:#000000;
    line-height: 34px;
    }
    
    ```Studiati il foglio di stile di quel sito per capire meglio il funzionamento.
    
    ciao
    AI

  • User Attivo

    Risolto!
    Ho aggiunto la riga di codice che mi hai detto e in piu ho dovuto impostare un altezza al div menuoriz.
    GRAZIE