[RISOLTO] Allineamento voci topmenu

[3dmediatoonz]

Buongiorno a tutti,
 ho un problema con le voci del mio "menu superiore orizzontale" www.3dmediatoonz.it nel quale le voci compaiono allineate a SX e che io vorrei invece allineate al centro.
Nel CSS ho indicato l'allineamento al centro:

Codice: [Seleziona]


 #topmenu {
 background: url(../images/menu.png) top center no-repeat;
 width: 1000px;
 height: 25px;
 text-align: center;
 float: center;
 margin: 0 auto;
 padding: 0;
}

...ma sembra non funzionare!
il posizionamento del topmenu nel mio index.php è semplicissimo:

Codice: [Seleziona]


  <div id="header"></div>
 <div id="topmenu"><jdoc:include type="modules" name="user3" /></div>
 <div class="clr"></div>

...premesso che non sono un grande scrittore di codice, mi sa che l'errore che faccio è qualcosa di veramente stupido, come al solito!
 
Grazie per i suggerimenti

[xplosion]

Codice: [Seleziona]

float: center;
Sei sicuro, sicuro ?
 

[3dmediatoonz]

Mmmhh... non sono mai sicuro!
Ho provato a togliere "Float:center" ma niente da fare..io vorrei semplicemente che le voci del mio menu orizzontale, che ora sono allineate a sinistra (come il menu di questo forum: Home, Forum, Downloads etc...) fossero allineate al centro, e questo venisse fatto in automatico anche se cambio numero o nome delle voci.
 
text-align: center che ci sta a fare??
 

[xplosion]

Volevo dirti che non esiste una cosa del genere float:center !
In questo momento l'elenco delle voci di menu orizzontale ha float:left; e così dovrebbe essere. Tutti i menu seguono questa regola.
Non è semplice centrare, devi mettere tutto il contenuto del ul in un contenitore div ad esempio e li dai uno stile margin:0 auto;
Oppure la seconda soluzione, devi giocare con il padding che in questo momento è di 8px sinistra e destra. Aumentandolo arrivi alla soluzione.

[xplosion]

Visto che ci siamo, perché non provi questo:

Apri il tuo template.css (riga 146) e sostituisci:

Codice: [Seleziona]

#topmenu ul, #topmenu li, #topmenu li a {
margin: 0 auto;}

con:

Codice: [Seleziona]

#topmenu ul, #topmenu li, #topmenu li a
margin: 0 auto 0 4px;}


[3dmediatoonz]

Perfetto...perfino la spaziatura fra le voci è proporzionale!
 
...sei proprio un HERO MEMBER! grazie