posizionamento menu

[POS88]

salve ragazzi, ho scaricato il templeate ol_lipe e sto accurando alcune modifiche visto che lo sto utilizzando per la creazione di un sito.

le modifiche principali che devo apportare sono il posizionamento centrale dei pulsanti del top menu.

inoltre dovrei inserire delle immagini ai vari menu per sottolineare l'area, solo che nel modulo login e nel modulo sondaggi quest'immagine si visualizza mentre nei vari menu che creo non associa nessun immagine eppure il suffisso del menu è questo: _menu

il sito in costruzione è questo: www.franchisingeuroconsulenza.it

grazie anticipatamente

[rh3a]

ciao,

devi andare nel file css del template e inserire:

margin-left: auto; margin-right: auto;

nell'elemento:

#mainlevel-nav {
margin: 0; padding: 0;
}

(mainlevel-nav è l'id del menu superiore)

Dovrebbe funzionare

rh3a

[POS88]

Ciao, ti ringrazio per l'aiuto, ho fatto le modifiche come mi hai detto ma non ho ottenuto nessun risultato, questo è il codice completo della stringa in questione:

#mainlevel-nav {
margin-left: auto; margin-right: auto;
margin: 0; padding: 0;
}

[milkplus]

ma cosa vuoi centrare tutto il topmenu o solo testo delle voci del topmenu all'interno dei vari pulsanti?

[POS88]

il top menu  e magari ingrandire la scritture dei pulsanti 

[milkplus]

apri questo file:

http://www.franchisingeuroconsulenza.it/templates/ol_lipe/css/template_css.css

vai a modificare:

#mainlevel-nav li {
   background-image: none;
   padding-left: 0;
list-style:none; float: left;
margin: 0; font-size: 10px;
line-height: 20px;
white-space: nowrap;
}

prova

[POS88]

ho scritto left come da mi hai detto, ma i pulsanti si spostano tutti a sinistra, mentre se scrivo center i pulsanti si mettono uno sotto l'altro

[milkplus]

uhm comincio a pensare di essere proprio rinco. non so perchè ma ero convinto che volessi spostarlo da destra a sinistra..

a questo punto il float non va bene.

togli dal css l'attributo float: left;

apri il file index.php nella cartella del tuo template, a quanto pare c'è una tabella :

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>

<td bgcolor="white" align="center">

prova ad aggiungere quello che ti ho evidenziato in rosso. fai un backup del tuo template prima

[POS88]

la modifica che mi hai consigliato sposta l'immagine del logo al centro, non vorrei confonderti però ho richiesto il centramento dei pulsanti del top menu

[milkplus]

si ovviamente devi modificare la tabella giusta.. io non posso accedere al tuo index.php!

la tabella in questione si trova sotto il modulo per le ricerche.

ciao

[rh3a]

ciao,

devi andare nel file css del template e inserire:

margin-left: auto; margin-right: auto;

nell'elemento:

#mainlevel-nav {
margin: 0; padding: 0;
}

Prova a rimettere così ma senza margin: 0;

ciao
rh3a

[POS88]

niente da fare; ho fatto le modifiche come mi hai detto però rimane sempre o a destra o a sinistra, ora non riesco a capire se riguarda il css o l'index.php 

[rh3a]

Prova allora a fare così nel file index:

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td bgcolor="white">
<ul id="mainlevel-nav"><li><a href="/index.php?option=com_content&amp;view=article&amp;id=46&amp;Itemid=57" class="mainlevel-nav" >PREVENTIVO[/url]</li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=56" class="mainlevel-nav" >CONTATTI[/url]</li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=46&amp;Itemid=55" class="mainlevel-nav" >DOVE SIAMO[/url]</li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=51&amp;Itemid=54" class="mainlevel-nav" >CHI SIAMO[/url]</li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=50&amp;Itemid=53" class="mainlevel-nav" id="active_menu-nav">HOME[/url]</li></ul></td>
</tr>
</table>



Altrimenti potresti fare così, se le voci di menù rimangono quelle e non aumentano:

#mainlevel-nav {
margin-left: 20%; margin-right: 20%;
padding: 0;
}

e poi eventualmente cambiare la percentuale quando aggiungi una voce... è bruttino ma funziona.

rh3a

[POS88]

#mainlevel-nav {
margin-left: 20%; margin-right: 20%;
padding: 0;
}
rh3a

grazie per la soluzione, ho risolto la questione, ora l'unico problema che ho trovato e non riesco a risolvere è aumentare la grandezza dei pulsanti del templeate sia del top menu che del main menu che sta sulla sinistra. esiste qualche modulo per joomla che possa modificare automaticamente i menu oppure devo andare direttamente sul codice? 

[rh3a]

allora per il top menu sempre nel css:

#mainlevel-nav li {
   background-image: none;
   padding-left: 0; <<--- se l'aumenti distanzi i pulsanti
list-style:none;
float: right;
margin: 0;
font-size: 10px; <<--- aumenti la grandezza del carattere e di conseguenza anche la larghezza dei pulsanti

line-height: 20px;   <<<<---- cambi l'altezza dei pulsanti 30px, 40px come la vuoi

white-space: nowrap;
}


Per il main menu:

ul.menu li a { background: url(../images/menu_bg.png) no-repeat; vertical-align: middle;
font-size: 11px; <<<- cambi la grandezza del carattere
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal; color: #f00; text-align: left; padding-top: 5px;  <<-- aumenti la distanza tra i pulsanti
padding-left: 18px; <<--- aumenti la distanza tra i prodotti (se orizzontale)
overflow: hidden; text-decoration: none;
height: 20px; <<-- aumenti l'altezza del pulsante
}


Ciao
rh3a

[POS88]

grazie mille, per l'aiuto, peccato che stiamo lontani altrimenti ti offrirei un caffè  .

un ultima cosa, dovrei inserire delle barre per distanziare le parti del sito ossia,
-una sotto il logo che distanzia il logo dal top menu,
-un'altra che distanzia il main menu dal centro dove risultano gli articoli,
-un'altra in basso che distanzia gli articoli dalla sezione copyright.

una volta create le barre a livello grafico le devo inserire tramite l'index.php giusto?
non penso che vada a toccare il css.

di conseguenza per inserirle dovrei scrivere la seguente stringa di codice:

<td><img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>
/images/barra.gif" alt="" width="203" height="7"/></td>

questa è una barra che ho inserito sotto il logo, che però non riesco a visualizzare.
e non capisco cosa devo fare.

comunque grazie anticipatamente per l'aiuto che mi hai fornito! 

[POS88]

ho inserito la barra, questa è la stringa di codice:

<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/barra.gif" alt="center" width="950" height="25" /></td>

ora andando sul sito la barra non riesce a toccare la fine e quindi rimane uno spazio bianco, c'è qualche modo per eliminarlo?

[POS88]

perfetto ho inserito tutte le barre, ora devo risolvere solo il problema della distanza che si vede della barra che sta sul top menu e della barra che sta accanto il main menu mentre la barra in basso è uscita perfetta, le stranezze della vita. 

[rh3a]

Scusami se ti rispondo solo adesso... troppo lavoro lol 

Comunque non ho capito bene cosa è che non riesci a fare

ciao
rh3a

ps. grazie per il caffè, ma sto troppo stressata per berne uno in più dei miei soliti 5 giornalieri lol

[POS88]

tranquilla, anzi ti devo fare santa che mi stai dando una mano, allora i problemi che ho riscontrato sono + che altro di visualizzazione, come vedi la barra orizzontale non tocca i bordi mentre quella che è presente in basso si, ho provato a modificare le dimensioni ma niente, lo spazio rimane sempre e la stessa cosa vale anche per la barra verticale.
inoltre non sto riuscendo ad inserire un'altra barra verticale sulla destra, devo per caso creare una tabella a una colonna nell'index.php?
poi vorrei associare un immagine ad ogni menu, ad esempio nel menu prodotti vorrei associare una cornice che chiude la sezione prodotti e cosi via per le altre sezioni.
cosa mi consigli di fare?
grazie anticipatamente