[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.

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

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?

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

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 👍

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

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.

Entropia Universe ↗
Lascia che il tuo avatar esplori nuovi mondi e viaggi tra i pianeti in questo stupendo MmoRpg Sci-Fi Free to Play!

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

Metin2 ↗
Sfida i tuoi rivali a battersi con te e dimostra la tua superiorità in questo mondo fantasy!

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.

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

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.

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!

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 !

Ikariam ↗
Su una piccola isola, in qualche parte del Mediterraneo, sorge un`antica civiltà. Sotto la tua guida inizia un`era di ricchezza e di scoperte!

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?

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

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ù ?