Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : 3dmediatoonz 04 Oct 2011, 12:21:06

: [RISOLTO] Allineamento voci topmenu
: 3dmediatoonz 04 Oct 2011, 12:21:06

Buongiorno a tutti,
 ho un problema con le voci del mio "menu superiore orizzontale" www.3dmediatoonz.it (http://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:

:


 #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:

:


  <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

: Re:Allineamento voci topmenu
: xplosion 04 Oct 2011, 14:52:30

:

float: center;
Sei sicuro, sicuro ?
 :)

: Re:Allineamento voci topmenu
: 3dmediatoonz 04 Oct 2011, 15:35:26

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??
 

: Re:Allineamento voci topmenu
: xplosion 04 Oct 2011, 15:46:43

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.

: Re:Allineamento voci topmenu
: xplosion 04 Oct 2011, 15:56:48

Visto che ci siamo, perché non provi questo:

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

:

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

con:

:

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


: Re:[RISOLTO] Allineamento voci topmenu
: 3dmediatoonz 04 Oct 2011, 16:10:41

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