Allineamento menù
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
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...
Autore
Dove lo trovo il imMnMnNodeXX dell'ultima voce di menu ? Non sono molto pratico.
se non sei molto pratico, prova a postare un link del tuo progetto online, te lo ricaviamo noi...
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...
Autore
Ancora il mio progetto non è ancora on-line. Dal progetto di website x5 a cui sto lavorando cosa devo postravi?
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.
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...
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?
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>
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...
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.
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.
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...
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
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.
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??
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...