Record del mondo 50 stile (sf)[4]
Argento 100 stile, record 100 stile (staffetta)[5]
Tabelle
Tabelle non quadrate
Parole in -occo
Parole in -accio
Con la A
Arrocco
Allocco
Addiaccio
Abbraccio
Con la B
Barocco
Blocco
Braccio
Brogliaccio
Con la C
Ciocco
Cocco
Carpaccio
Canovaccio
Diplococco
Dispaccio
A volte può capitare di dover comporre una tabella in cui è necessario non figurino alcune caselle. Questo risultato essenzialmente si ottiene uniformando il colore dello sfondo delle cellette "da eliminare" a quello dello sfondo su cui giacciono (#FFFFFF quello delle pagine, #F8F8FF quello interno delle tabelle), e cancellandone i bordi nello stesso o in altri modi. La tabella qui a fianco contiene un campionario di questi metodi (non tutti sono perfettamente intercambiabili). Il codice della tabella è riportato qui sotto.
Note alle righe evidenziate:
Il comando border:none deve essere presente negli attributi della tabella per funzionare nelle caselle.
Parallelamente al border:none, esiste anche il comando background:none, che per funzionare richiede anch'esso di essere già presente fra gli attributi della tabella. Quest'ultimo comando, però, non si limita ad eliminare lo sfondo della sola cella in cui è applicato, ma elimina anche quello di tutte le celle non di intestazione della tabella.
Il comando bgcolor= non ha effetto sulle celle di intestazione. Al suo posto bisogna usare style="background:".
La sequenza dei lati a cui si riferiscono i valori di border-width è: superiore, destro, inferiore, sinistro. (da mezzogiorno in senso orario)
Se condivisi con altre cellette, i lati sinistro e superiore di una cella (in questo esempio: Blocco) non possono essere cancellati/occultati (a meno di non assegnare ai bordi lo spessore di 2px o più). Al loro posto, devono essere cancellati/occultati i lati destro e inferiore delle cellette ad essa adiacenti (Barocco e Allocco).
{| class=wikitable style="border:none; font-size: 95%;"
! style="border:none; background:#FFFFFF;"|
! Parole in -occo
! style="border-top:solid 1px #FFFFFF; background:white;"|
! Parole in -accio
! style="border-style:solid; border-width: 0 0 1px 1px; background:#FFFFFF;"|
|-
! Con la A
| Arrocco || style="border-bottom:0px;"| Allocco || Addiaccio || Abbraccio
|-
! style="border:none; background:#FFFFFF;"| Con la B
| style="border-right:solid 1px #F8F8FF;"| Barocco || style="border:#F8F8FF solid 1px;"| Blocco
| Braccio ||bgcolor=#FFFFFF style="border-right:solid 1px #FFFFFF;"| Brogliaccio
|-
! Con la C
| Ciocco || Cocco || Carpaccio || Canovaccio
|-
| bgcolor=#FFFFFF style="border:white solid 1px; border-right:0px"|
| Diplococco ||bgcolor=#FFFFFF style="border-bottom:solid 1px #FFFFFF;"| || Dispaccio
| bgcolor=#FFFFFF style="border-right:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;"|
|}
Tabelle nidificate
Le tabelle nidificate sono tabelle costruite all'interno di altre tabelle, e vengono generalmente utilizzate per risolvere problemi di composizione in tabelle particolarmente articolate, anche se nel 99% dei casi quei problemi possono essere risolti ricorrendo semplicemente a comandi quali rowspan e colspan.
Fatte salve queste considerazioni, le tabelle nidificate restano comunque uno dei tanti strumenti a disposizione di chi compila tabelle, e conoscerne i rudimenti può sempre rivelarsi utile.
La scelta del tipo di tabella da nidificare è opportuno ricada su una tabella "semplice".
Queste tabelle infatti, a differenza di quelle marcate class=wikitable, sono molto meno "ingombranti" e molto più malleabili, oltre al fatto che di partenza hanno sfondo zero (cioè "trasparente") e sono prive di bordi e di padding ("imbottitura", cioè la distanza in pixel fra i bordi di una cella e il suo contenuto) pre-impostato, tutti attributi che, se già presenti, sarebbe necessario cancellare o correggere, con rese finali non sempre all'altezza delle aspettative.
Tabella "semplice"
da nidificare
Tabella "semplice"
nidificata
Tabella "wikitable"
da nidificare
Tabella "wikitable"
nidificata
Cell padding e border-collapse
Normalmente, quando a una tabella "semplice" nidificata si aggiungono uno o più bordi divisori, questi non raggiungono mai i bordi della cella-contenitore:
Tabella "semplice"
nidificata
Per far sì che ciò avvenga, occorre inserire i comandi style="padding:0px" nella riga degli attributi della cella-contenitore e style="border-collapse:collapse" sulla primissima riga della tabella nidificata, quella che comincia con {|:
Tabella "semplice"
nidificata
Qui il codice della tabella così modificata, con le parti importanti in evidenza.
{|class=wikitable style="font-size: 95%;" <!-- Inizio della tabella principale -->
|style="padding:0px"| <!-- Attributi della cella-contenitore -->
{|style="border-collapse:collapse" <!-- Inizio della tabella nidificata -->
|style="border-bottom:solid 1px #A9A9A9| Tabella "semplice"
|-
| nidificata
|} <!-- Fine della tabella nidificata -->
|} <!-- Fine della tabella principale -->
Applicando questi comandi i bordi della cella-contenitore risultano ovviamente "schiacciati" sul testo che contengono, ma questo è un inconveniente a cui si potrà ovviare in vari modi. Ultima nota: #A9A9A9 è il colore di default dei bordi di una tabella di class=wikitable.
Dividere verticalmente una cella (senza bordi interni)
Qui un esempio tipico (seppur completamente fittizio) di una situazione in cui è conveniente "nidificare".
Un'atleta stabilisce il record del mondo nelle batterie di qualificazione (da cui la b), e un'altra lo pareggia in finale (cosa che non richiede specificazioni), ovviamente vincendola. Nel libro dei record di quello sport andranno inseriti entrambi i primati, con tutte le indicazioni del caso: tempo, atleta, nazionalità, data, evento, eccetera, avendo naturalmente cura di far figurare una volta soltanto i dati comuni a entrambe le prestazioni.
È a questo punto che sorgono i problemi: la grammatica di wikipedia non permette infatti di attribuire più di un valore di allineamento (verticale o orizzontale che sia) ai vari contenuti di una stessa casella, per cui è impossibile far "galleggiare" la targhetta a mezza altezza e nel contempo collocare la b nella riga superiore.
Una soluzione alla buona può essere quella di far figurare la b (opportunamente inclusa fra i comandi <big> e </big> perché risulti della dimensione normale) come apice o pedice della targhetta , ma se si vogliono le cose fatte bene l'unica soluzione è nidificare, ossia costruire una tabella all'interno della cella in questione.
Qui di seguito i codici delle due tabelle, con le differenze fra le due debitamente evidenziate.
style="padding:0.5px;" consente di avvicinare il più possibile la tabella contenuta al "soffitto" e al "pavimento" della cella-contenitore, lasciando al contempo un minimo di spazio fra le "pareti" delle medesime.
Anche style="border-collapse:collapse;" serve a ridurre il più possibile l'ingombro della tabella nidificata: fa aderire fra loro i bordi delle celle nidificate e, sotto certe condizioni, questi stessi ai bordi della cella-contenitore.
Mancando (per scelta) alla tabella nidificata il padding "orizzontale", occorre inserirlo manualmente, per mezzo di cellette vuote con larghezza impostata a seconda delle necessità, e in questo caso poste prima, dopo e fra i due elementi testuali, come si può vedere nella tabella Celle nidificate evidenziate, creata a scopo esclusivamente illustrativo. Alla cella-contenitore manca naturalmente anche il padding "verticale", ma questo è automaticamente garantito dalla presenza sulla stessa riga di celle contenenti due righe testuali sovrapposte tramite <br />.
Per motivi di giustificazione testuale, il codice della tabella nidificata riportato qui sotto è scritto su due righe.
Dividere una cella in quattro cellette (2x2, con bordi interni)
Questa sezione è un po' il riassunto di tutte le precedenti, perché racchiude tutti i codici già analizzati e ne illustra le tecniche di assemblaggio.
Tabella 1.1: il modo più semplice per nidificare una tabella in una cella.
Tabella 1.2: quando all'interno della nidificata è necessario avere due o più righe che differiscano per il numero di celle (colonne) in esse contenute.
Tabella 1.3: stessa cosa della 1.2 ma a proposito delle colonne.
Tabella 1.4: l'interpolazione delle due precedenti, per ottenere tabelle nidificate con la più ampia libertà di formattazione possibile (ogni "cella singola" - in realtà tabelle 1x1 - può essere trasformata in una tabella a sviluppo verticale e/o orizzontale).
Oltre a tutte le considerazioni che si possono fare a riguardo, è interessante notare come codici ("genotipi") del tutto diversi producano qui tabelle ("fenotipi") del tutto identiche.
Quattro metodi diversi
Cella-contenitore
Tabella nidificata
2ª tabella nidificata
3ª tabella nidificata
4ª tabella nidificata
Tabella 1.1
Nomi
Nomi composti
Edoardo Filippo Giuseppe Simone Valentino
Gian
Franco Maria
Pier
Francesco Giorgio Mario
Tabella 1.2
Nomi
Nomi composti
Edoardo Filippo Giuseppe Simone Valentino
Gian
Franco Maria
Pier
Francesco Giorgio Mario
Tabella 1.3
Nomi
Nomi composti
Edoardo Filippo Giuseppe Simone Valentino
Gian
Pier
Franco Maria
Francesco Giorgio Mario
Tabella 1.4
Nomi
Nomi composti
Edoardo Filippo Giuseppe Simone Valentino
Gian
Franco Maria
Pier
Francesco Giorgio Mario
I quattro metodi
Cella-contenitore + tabella/e nidificata/e)
(Per non complicare ulteriormente le cose, qui il padding orizzontale è garantito dagli spazi incomprimibili ( ) e non dalle solite cellette vuote a larghezza variabile.)
● 
● 
Svezia
India
Italia
San Marino
.svg){kind=small}
Gran Bretagna