[RISOLTO][GDRCD 5.4.1] - Centrare icone in menù laterale sx

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

30/05/2017 14:49:19

Questo è l'unico altro elemento che riesco ad individuare con il viewer:

Non mi pare ci sia altro.
Devo allegare il main.css completo?
Non so, è possibile che qualche altro punto vada in conflitto con questo punto del codice del .menu2?

blancks

30/05/2017 15:01:02

Non c'è bisogno di allegare il css completo, adesso si capisce con più chiarezza una cosa.

Il div di cui ti ho fatto modificare la larghezza in realtà è comune ad ogni tag <a>, di conseguenza impostando la larghezza a 210px la prendono tutti e finiscono uno sotto l'altro per questo motivo.

Quindi dobbiamo ragionare un gradino più in su.
Questo div non deve avere il width a 210px ma piuttosto della misura dei tuoi tastini (quindi modifica di conseguenza il width), prima di questo div poi dovrebbe esserci l'elemento che lo contiene, probabilmente un altro div, è quello che deve essere della larghezza giusta ed essere munito del text-align:center;

Al momento non ho modo di mettere le mani su gdrcd e non ricordo la formattazione html di preciso, quindi dobbiamo muoverci per tentativi 👍

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

30/05/2017 15:43:15

Dunque, ho impostato il width a 20px, che è la grandezza delle iconcine IMG.

Ti ho fatto uno stamp della pagina:

Ho evidenziato un paio di cose che "a naso" non mi tornano e magari possono esser utili a chiarire il problema.

raysmoke

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

31/05/2017 12:26:39

Sono al volo da cellulare ma prova in questo modo

<div class="wrap">
<div class="holder">
<div class="button">b1</div>
<div class="button">b2</div>
<div class="button">b3</div>
<div class="button">b4</div>
<div class="button">b5</div>
</div>
</div>

div .button {
padding: 3px;
border: thin solid red;
width: 20px;
margin: 4px;
display: inline-block;
}

.holder {
text-align: center;
margin: auto;
}

.wrap {
margin: auto;
}

dovrebbero centrarsi orizzontalmente a prescindere dalla quantità. Appena mi metto al pc vedo meglio !

Ps. scusa la tabulazione incasinata v.v

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

31/05/2017 12:34:24

Ahahaha, ci mancherebbe Raysmoke.
Attendo che rientri a un pc.
Purtroppo non ho capito come applicare questo codice e dove.
Ma ho pazienza...tanta.^^

Intanto GRAZIE.

blancks

31/05/2017 12:46:27

Raysmoke suggerisce in breve di rifare tutta la formattazione html per il menù.

Comunque hai fatto una giusta osservazione: quell'elemento identico posto come parent ci da parecchie noie perché prende gli stili dei tasti. Ti suggerirei di cambiargli class, far diventare lui lungo quanto la colonna e vedere se i tastini si centrano.

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

raysmoke

RAID Shadow Legends ↗
Plasma i tuoi eroi fino a farli diventare vere e proprie armi viventi e assembla i più epici gruppi d'assalto mai visti finora!

31/05/2017 12:53:55

Se fossi privo di pazienza, il merovingio non sarebbe appropriato come nome !

Come detto da blanks si in effetti.

Ti basta semplicemente spostare il link e limmagine dentro ogni div che ha classe button e sostituire tutto il blocco ! Se ti risulta incasinato appena torno uso i tuoi quote e te lo scrivo al volo !

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

31/05/2017 13:28:49 e modificato da merovingio il 31/05/2017 13:32:45

@Blancks: ecco, questa è una cosa che mi piacerebbe imparare. Penso di aver capito cosa intendi, ma mi puoi fare un esempio?

@Raysmoke: attendo tue, perchè non sono così avvezzo con il codice e non vorrei davvero incasinare tutto.

Tecnicamente parlando, non pensavo di creare così tanto casino per una cosa simile, son sincero.
Tra le due soluzioni che proponete, qual è quella meno "incasinata" a livello di codice, ovvero quella che infastidisce meno il "motore" del codice?

raysmoke