16 388
contributi
Differenze tra le versioni di "Aiuto:Manuale di stile/Avanzato"
Aiuto:Manuale di stile/Avanzato (visualizza wikitesto)
Versione delle 17:57, 8 ago 2018
, 17:57, 8 ago 2018→Tricks e workaround scoperti sul campo: Maledetti p
(Si può anche modificare online, senzaa bisogno di tenerlo in una sandbox) |
(→Tricks e workaround scoperti sul campo: Maledetti p) |
||
|
* Se metti a tutti i figli di un certo elemento la class ''align-middle'' e questo elemento ha la stessa altezza del suo figlio più alto, l'effetto è quello di avere tutti i figli centrati verticalmente. Se per caso questo figlio non esistesse, si può provare ad aggiungere un elemento con "height: 100%;" e niente ''width'' e dargli ''align-middle''. In teoria ''vert-middle'' fa entrambe queste cose, ovvero aggiunge l'elemento con "height: 100%;" e mette a tutti i figli align-middle. Il problema di entrambe queste classi è che spesso "height: 100%;" non funziona.
* Se si vuole escludere una qualsiasi riga di un tabella dall'effetto del <code>white-rows</code> basta usare <code>!</code> invece della normale <code>|</code>. In questo modo la prima riga diventa l'header della tabella, una riga in mezzo rappresenta un divisorio e l'ultima il footer, che non vengono influenzati dalla classe.
* MediaWiki aggiunge del margin ai <code>p</code> di default. Questo non sarebbe un problema dato che nei template raramente si inserisce un <code>p</code>, ma il parser ha anche questa simpatica prerogativa di interpretare una riga di testo come appunto testo e quindi wrapparla in un <code>p</code>. Questo può avvenire anche nei template perché una riga di testo può apparire molto facilmente (per esempio, in un infobox se metto troppi a capo quasi sicuramente le etichette e i valori associati diventano righe di testo). Di solito questo causa l'apparizione di spazio tra gli elementi apparentemente inspiegabile; in questi casi controllare sempre dall'inspector che non sia spawnato questo magico <code>p</code> con il suo maledetto margin. Per farlo sparire di solito basta spostare tutta la zona incriminata su una riga (purtroppo con conseguente perdita di leggibilità).
==Responsività==
| |||