View Full Version : [CSS] Menu centrato
bouncey2k
10-03-2009, 14:04
Ciao a tutti.
Vorrei utilizzare questo menu ( http://www.13styles.com/css-menus/slate/ ) però vorrei che le voci di menu fossero al centro della pagina e non allineate a sinistra come nell'esempio.
Sto facendo prove su prove senza risultati.
Qualcuno mi da un mano?
Ciao,
Guarda se così potrebbe andare.. magari m sbaglio.. ma provare non nuoce.. :D
.blue #slatenav{text-align: center;width: 800px;height:42px;font-size:11px;font-weight:bold;background:transparent url(/slate/images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:800px;}
.blue #slatenav ul li{margin:0;display:inline;}
.blue #slatenav ul li a{color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(/slate/images/blueslate_backgroundOVER.gif) no-repeat top center;}
Ricordati di eliminare tutti gli spazi tra <UL> e </UL>.. ;)
A me su ie7 funzia :)
bouncey2k
10-03-2009, 17:53
hai tolto position e display e hai messo text-align? Non mi funziona :S
Non solo, ho aggiunto anche una dimensione al div principale, ho eliminato anche i float... ovviamente le dimensioni sono casuali.. tu le adatterai poi al tuo uso..
Non funziona nemmeno copiando e incollando ?
Io l'ho provato su ie 7 e mi funziona.
vBulletin® v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.