- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- [Risolto] Consiglio su Menu orizzontale
-
[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? GRAZIEcodice 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.cssCome 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.jpgPer 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
-
Risolto!
Ho aggiunto la riga di codice che mi hai detto e in piu ho dovuto impostare un altezza al div menuoriz.
GRAZIE