[RISOLTO][GDRCD 5.4.1] - Centrare icone in menù laterale sx postato il 30/05/2017 10:44:35 nel forum programmazione, gdrcd e open source e modificato da merovingio il 06/06/2017 11:05:30
Poco tempo fa ho chiesto aiuto per la sistemazione del menù laterale a sinistra con le icone disposte su unica riga.
Seguendo le istruzioni per creare un menù ulteriore (.menu2) e le indicazioni di Leoblacksoul ci sono riuscito.
Ora pongo questa richiesta: come centrare le icone nel div?
Ho letto un po' di materiale in giro sulle varie guide css, ma non ne sono venuto a capo.
Il CSs attuale è il seguente:
30/05/2017 11:38:43 e modificato da blancks il 30/05/2017 11:39:05
Ad occhio e croce mi sembra che i tuoi tastini abbiano tutto il necessario per essere centrati, ovvero:
. display: inline-block
. dimensioni fisse
Quello che manca è dire al contenitore dei link, che suppongo essere il .menu2, di allineare i suoi contenuti al centro.
Quindi il suggerimento è di provare ad aggiungere la regola text-align:center; in div.link_menu.menu2
30/05/2017 11:52:50
Grazie Blancks per il tuo aiuto.
Ho fatto, ma non sortisce effetto.
Mi viene da pensare che allora il comando funzioni, ma ci sia altro che mi sposta il tutto.
Forse questa img può aiutare a capire?
Questo è il CSS completo del secondo menù (aggiornato con il text-align):
30/05/2017 11:59:11
Di base mi aspettavo il div si allargasse fino a coprire lo spazio disponibile invece ha preso le dimensioni dei suoi contenuti.
Prova a giocare un po con la proprietà width e vedi se riesci ad estenderlo alla stessa larghezza della colonna.
30/05/2017 12:36:57
Dunque, inserendo width in div.link_menu.menu2 mi porta tutte le icone in verticale, anche aggiustando il valore.
Sembra più come se a questo div non si applicassero gli stessi attributi (spero di aver usato la parola corretta...) che si applicano agli altri div della colonna a sinistra:
30/05/2017 12:50:08 e modificato da blancks il 30/05/2017 12:53:44
30/05/2017 12:59:23
In realtà io la width non l'ho dichiarata.
Quella width se l'è presa in automatico.
30/05/2017 13:13:44
30/05/2017 13:32:33
Figurati Blancks!
Grazie per l'aiuto, invece...
Allora, ecco il codice con il width settato a larghezza colonna:
30/05/2017 13:50:14 e modificato da blancks il 30/05/2017 13:50:46
Una possibile causa potrebbe essere il display: block; che hai in div.link_menu.menu2 a.sprite e ti suggerirei di provare a rimuoverlo.
Se non funziona, postami l'ispezione di uno dei tastini così andiamo meno alla cieca.
30/05/2017 14:14:22 e modificato da merovingio il 31/05/2017 12:11:03
Dunque, commentato il display:block; ma senza esiti:
Discussione seguita da
Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD e Open Source Elenco Forum
I dati del generatore di rank sono stati aggiornati!