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

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

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 ↗

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

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

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

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

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

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

Crash Bandicoot Zone ↗
Caos, libertà e risate: nel GDR ambientato nell’universo di Crash Bandicoot, ogni storia è possibile… e nulla è troppo folle!

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 !

AlterEgo ↗
Scopri AlterEgo GdR: un incredibile universo narrativo in stile medievale fantasy che cresce, muta e vive giorno dopo giorno grazie ai suoi giocatori!

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