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
-
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
-
float: center;
Sei sicuro, sicuro ?
:)
-
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??
-
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.
-
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;}
-
Perfetto...perfino la spaziatura fra le voci è proporzionale! :)
...sei proprio un HERO MEMBER! grazie