Ho usato in alcuni lavori la libreria js + css di A.Fulciniti per gli angoli arrotondati, davvero notevoli per la facilità di implementazione e la loro degradabilità con gli script disabilitati.
Ho notato però un problema, probabilmente dovuto alla mia imperizia: non riesco a fare un menu orizzontale centrato ( costituito da un UL che contine i link nei LI) in cui i link sono delle tab arrotondate coi nifty...
I nifty per funzionare a dovere hanno bisogno del float left e display:inline nel LI: questo però non mi fa centrare il menu, se tolgo il float nella pagina le voci dei link si mettono in verticale come di default, non più inline ( se non incorporo nella pagina il javascript nifty invece il menu mi appare centrato).
"menu" è l'id del mio UL
ai LI applico Nifty("div#menu li"," top small transparent");
non mi interessa il rollover sul tasto
questo il mio css:
#menu {
padding: 15px 0 40px 0;
margin:0 auto;
width: 90%;
list-style-type:none;
text-align: center;
}
#menu li {
margin: 0px 1em;
list-style-type:none;
display: inline;
padding:0.8em 1em 1em 1em;
background: url(../images/menu_bg.jpg) repeat-x;
}
#menu li a {
font-size: 1.1em;
text-decoration: none;
font-weight: bold;
color: #566475;
text-decoration: none;
}
negli esempi della libreria nifty corner cube c'è un menu ma è allineato a destra o sinistra, i LI sono float infatti...
p.s.
ero indeciso se postare in js, ma credo che il problema sia nel css
Rispondi quotando