+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

[Risolto] Consiglio su Menu orizzontale

Ultimo Messaggio di asso82 il:
  1. #1
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164

    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}

  2. #2
    Utente Premium
    Data Registrazione
    Oct 2006
    Località
    Italia
    Messaggi
    1,461
    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
    Codice:
    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
    Ultima modifica di archeoita; 08-07-07 alle 05:43

  3. #3
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Risolto!
    Ho aggiunto la riga di codice che mi hai detto e in piu ho dovuto impostare un altezza al div menuoriz.
    GRAZIE

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.