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

Pagine → 1 2 3 4 5

30/05/2017 14:39:19

Tra il <div> e i tastini <a> del menù, ci sono altri elementi di mezzo ? Se si, sarebbe comodo un ispezione anche di quelli.

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

quota

merovingio

SCRIVI

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?

Left to Survive ↗
Left To Survive è un gioco FPS con un'ambientazione post-apocalittica in cui gli Zombi hanno schiavizzato la Terra e ne hanno preso il controllo!

quota

blancks

SCRIVI

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 ↗

quota

merovingio

SCRIVI

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.

The Coven ↗
Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

quota

raysmoke

SCRIVI

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

Football Team Soccer ↗
Diventa una stella del calcio! Crea, allena ed equipaggia il tuo giocatore. Unisciti a un club e vinci in Football Team Game!

quota

merovingio

SCRIVI

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.

Left to Survive ↗
Left To Survive è un gioco FPS con un'ambientazione post-apocalittica in cui gli Zombi hanno schiavizzato la Terra e ne hanno preso il controllo!

quota

blancks

SCRIVI

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 ↗

quota

raysmoke

SCRIVI

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 !

Sea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

quota

merovingio

SCRIVI

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?

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

quota

raysmoke

SCRIVI

31/05/2017 16:15:17

A livello di fastidio, non cambia nulla, tu non stai andando a toccare il backend, stai solo rimaneggiando il frontend.

Se ti fosse possibile, potresti scrivere qui l'html del menù ?