WebSite X5Help Center

 
Paolo F.
Paolo F.
User

Allineamento menù  it

Autore: Paolo F.
Visite 974, Followers 1, Condiviso 0  

Credo che non ci sia una soluzione comunque provo a chiedere .Se ho 10 voci nel menù allineate in tre colonne la decima mi rimane disposta della prima colonna . E' possibile fare in modo che sia disposta in quella centrale per rendere più simmetrico il menù??

Com'è:

1    2    3    

4    5    6

7    8    9

10    

Come vorrei io:

1    2    3    

4    5    6

7    8    9

    10    

Postato il
17 RISPOSTE
Skeggia 12
Skeggia 12
Moderator

al passo 4, Statistiche, SEO....

tab esperto, prima della chiusura del tag head...

<style>
#imMnMnNode11{
    margin-left:65px;
}
</style>

individuando il imMnMnNodeXX dell'ultima voce di menu del tuo progetto e mettendo il margine a sinistra esatto della misura della larghezza delle voci di menu...

Leggi di più
Postato il da Skeggia 12
Paolo F.
Paolo F.
User
Autore

Dove lo trovo il imMnMnNodeXX dell'ultima voce di menu ? Non sono molto pratico.

Leggi di più
Postato il da Paolo F.
Skeggia 12
Skeggia 12
Moderator

se non sei molto pratico, prova a postare un link del tuo progetto online, te lo ricaviamo noi...

Leggi di più
Postato il da Skeggia 12
Skeggia 12
Skeggia 12
Moderator

altrimenti, se hai 10 pagine prova ad inserire il codice dove ti ho detto e inizia a mettere al posto di 65px il valore della larghezza delle tue voci di menu e al posto di 11 il numero 1, che sicuramente non sarà... vai in anteprima e vedi il risultato... andando per tentativi, dovresti arrivarci, sostituendo ogni volta aggiungendo un numero...2, 3, 4, 5, 6, 7....finchè non ti si centra l'ultima voce...

Leggi di più
Postato il da Skeggia 12
Paolo F.
Paolo F.
User
Autore

Ancora il mio progetto non è ancora on-line. Dal progetto di website x5 a cui sto lavorando cosa devo postravi?

Leggi di più
Postato il da Paolo F.
Paolo F.
Paolo F.
User
Autore

Comunque ho provato con il metodo sopra indicato mettendo vari numeri da 1 fino a 10. Al posto di 65px non sapevo se mettere la larghezza del menù (290) o il margine orizzntale (20px) ma non canbia nulla con nessuno dei due numeri.

Leggi di più
Postato il da Paolo F.
Skeggia 12
Skeggia 12
Moderator

se non hai ancora nulla online, vai avanti con il progetto, quando hai messo qualcosa online, anche in una cartella secondaria o in uno spazio gratuito tipo altervista, risolveremo il problema... comunque, se hai creato le pagine fino a 10 (e poi non ne hai cancellate e poi riaggiunte, dovresti avere numeri consecutivi) prova ad arrivare almeno ad 11 ed anche oltre, e la misura da inserire è quella della larghezza delle voci del menu che è impostata nella sezione "menu principale" al passo 1, impostazioni generali...

Leggi di più
Postato il da Skeggia 12
Paolo F.
Paolo F.
User
Autore

Ho finito il progetto e caricato una prima bozza:

http://www.saporichepiccano.it/index.html

ricapitolando devo centrare la voce  del menù "blog" sotto quella "contatti e link utili".

Inoltre mi sono accorto che nella pagina iniziale le tre immagini dei peperoncini laterali alla poesia non vengono visualizzate correttamente da mobile. Se da web sembrano ben allineate da mobile arrivano ad occupare massimo metà poesia? Dove sta l'errore?

Leggi di più
Postato il da Paolo F.
Esse Di
Esse Di
User

Per centrare la voce "blog"

Inserisci una pagina prima della voce "blog", che chiami (solo a titolo di esempio) "pagina nascosta".

Scopri il progressivo XX che viene attribuito a questa nuova pagina (imMnMnNodeXX).

In "Impostazioni Avanzate > Statistiche, SEO e codice > Esperto > Prima della chiusura del tag HEAD", inserisci

  <style>
      #imMnMnNodeXX {visibility: hidden !important}
  </style>

Leggi di più
Postato il da Esse Di
Skeggia 12
Skeggia 12
Moderator

ripeto il codice del post precedente, che per caso coincide con il node della voce "blog", basta solo modificare il parametro "margin-left" con la larghezza dei tuoi pulsanti, che mi sembra sia 290px, quindi risulterebbe...

al passo 4, Statistiche, SEO....

tab esperto, prima della chiusura del tag head...

<style>
#imMnMnNode11{
    margin-left:290px;
}
</style>

e dovrebbe centrarsi la voce "blog"...


P.S. - Io al fianco della poesia non vedo nessuna immagine di peperoncini...da pc fisso...

Leggi di più
Postato il da Skeggia 12
Esse Di
Esse Di
User

Paolo può scegliere tra due sistemi, entrambi funzionanti.

Il mio è solo una alternativa al sistema suggerito subito da Skeggia, nella prima risposta al topic. Posso confermare, avendolo testato, la validità del sistema di Skeggia. Esso richiede la determinazione, per tentativi, del corretto valore di margin-left e la sua variazione nel caso che si modifichi la larghezza delle voci di menu.

L'alternativa da me proposta non richiede tale calcolo.

Leggi di più
Postato il da Esse Di
Paolo F.
Paolo F.
User
Autore

I peperoncini li ho tolti comunque il linea generale succede che se carico qualsiasi immagine ai lati della poesia da mobile viene visualizzata solo fino a metà poesia. E questo perchè da mobile la restringe e si allunga tantissimo il testo in verticale.

Leggi di più
Postato il da Paolo F.
Skeggia 12
Skeggia 12
Moderator

scusa EsseDi: il codice che hai postato "nasconde" il nodo non lo centra e lui vuole centrare il nodo dispari sulla colonna centrale...per il mio suggerimento . . . non bisogna fare nessun calcolo, in quanto bisogna impostare come margine la larghezza che si è data al passo 4, Menu principale, alla larghezza dei pulsanti del menu...ciao...

Leggi di più
Postato il da Skeggia 12
Mirko Boschetti
Mirko Boschetti
Moderator

infatti mettendo un bottone prima, come detto da lui, e poi nascondendolo, automaticamente la voce Blog si sposta al centro.....bevi de meno SK.....ahahahaha

Leggi di più
Postato il da Mirko Boschetti
Esse Di
Esse Di
User

Basta andare sul sito di Paolo http://www.saporichepiccano.it/index.html per scoprire che ha già utilizzato il mio sistema.

Devo, però, avvisarlo di una cosa. Con quel sistema viene comunque creata la pagina "pagina-nascosta.html". Prima o poi essa potrebbe essere indicizzata dai motori di ricerca e forse a lui non farebbe piacere. Siccome io non capisco nulla di SEO e cose simili, qualcun altro potrebbe consigliargli come evitare l'indicizzazione.

Leggi di più
Postato il da Esse Di
Paolo F.
Paolo F.
User
Autore

Si ho già adottato il metodo  di Esse Di e funziona alla grande. Al fatto di indicizzare pure quella pagina non ci avevo pensato. Potrebbe essere un problema??

Leggi di più
Postato il da Paolo F.
Skeggia 12
Skeggia 12
Moderator

non faccio per vantarmi ma...non aveveo capito per niente quanto spiegato da essedi... comunque come ripeto sempre per arrivare alla meta si possono percorrere varie strade... ognuno sceglie la sua...de gustibus... buone feste in anticipo a tutti...

Leggi di più
Postato il da Skeggia 12