Wikipedia:Bar/Discussioni/aggiunta di vertical-align: middle al css di .itwiki template babel

I riquadri Babel e Babelfish, e tutti i riquadri simili (es: {{Traduttore}}) hanno normalmente e giustamente il contenuto centrato verticalmente. Questo perché sono implementati tramite tabelle e celle per le quali, di default, vale la proprietà css: vertical-align: middle;

Tuttavia, dato che la proprietà non è impostata nel css, è possibile che il valore di default venga sovrascritto da altri elementi contenitori. Per fare un esempio pratico il template {{Infobox utente}}, che ha una sezione apposita per i Babel/Babelfish, utilizza la classe "sinottico" che imposta vertical-align: top;, ciò risulta in un allineamento verticale non centrato come visibile qui.

Guardando le pagine di questi utenti si può vedere che il problema è abbastanza comune.

In generale ritengo che la proprietà vertical-align: middle dovrebbe essere impostata nel css delle classi .itwiki_template_babel e .itwiki_template_babel2, basterebbe aggiungerlo qui:

.itwiki_template_babel td,
.itwiki_template_babel2 td {
  font-size:.9em;
  line-height:1.2em;
  padding:5px;
  vertical-align: middle; /* unica riga da aggiungere, dovrebbe essere sufficiente */
}

--LeartS (dimmi tutto!) 18:13, 4 feb 2013 (CET)

A me va bene, mi sembra giusto. Questa proprietà vale per tutti i browser o ne vanno aggiunte altre per gli altri browser? Jalo 08:49, 5 feb 2013 (CET)

Vale per tutti i browser, almeno in teoria. Io comunque il bug l'ho verificato solo su Chromium 23 e Firefox 18, anche se comunque dovrebbe presentarsi in tutti. --LeartS (dimmi tutto!) 23:35, 5 feb 2013 (CET)

Fatto, ma non funziona. Temendo che venisse sovrascritto da ".sinottico" (definito dopo) l'ho anche spostato in fondo, ma anche così non funziona Jalo 08:59, 6 feb 2013 (CET)

Come non detto, era giusta la prima. Adesso va Jalo 09:03, 6 feb 2013 (CET)

Perfetto, grazie! Ora le pagine di alcuni utenti sono un po' più belle :) P.S: non conta l'ordine nel css ma l'ordine dei rispettivi elementi html: i più specifici sovrascrivono le proprietà di quelli che li contengono) --LeartS (dimmi tutto!) 10:49, 6 feb 2013 (CET)