Discussioni progetto:Coordinamento/Template/Eiminare le tabelle e usare i div nei template

Eliminare le tabelle ed utilizzare i div nei template

cb La discussione proviene dalla pagina Wikipedia:Bar/Discussioni/Eiminare le tabelle ed utilizzare i div nei template.
– Il cambusiere Nemo 02:41, 15 lug 2010 (CEST)

Ciao a tutti, avrei una richiesta tecnica ma che potrebbe interessare non solo agli "esperti". Vorrei fare una proposta (indecente :D) circa l'eliminazione dai template delle tabelle (sottoforma di markup wiki o (addirittura) sottoforma tag table) per utilizzare il tag div, poiché avevo letto che è preferibile usare il div in quanto non dà difetti di visualizzazione.

Ho fatto un esempio di modifica nel template:Blocco:

{| width="85%" align="center" style="background:#FFD690; padding:0.5em; min-height:90px;"
|-valign=center
|
[[Image:Stop x nuvola.svg|45px|left|Stop]]
|Sei stato/a [[Wikipedia:Politiche di blocco degli utenti|bloccato/a]] {{#switch:{{{2}}}|infinito=  |temporaneamente}} a causa della seguente violazione: '''{{#if:{{{1|}}}|{{{1}}}|[[Wikipedia:Gestione del vandalismo|vandalismi]]}}'''{{#if:{{{diff|}}}| (vedi [{{{diff}}} qui])}}. Il blocco rimarrà attivo {{#switch:{{{2}}}|infinito='''infinitamente'''|per un periodo di '''{{{2}}}'''. Quando il blocco termina, sentiti libero/a di tornare a contribuire, rispettando però le [[Wikipedia:Raccomandazioni e linee guida|regole stabilite dalla comunità]], grazie}}.
|}

Stop	Sei stato/a bloccato/a temporaneamente a causa della seguente violazione: vandalismi. Il blocco rimarrà attivo per un periodo di {{{2}}}. Quando il blocco termina, sentiti libero/a di tornare a contribuire, rispettando però le regole stabilite dalla comunità, grazie.

<div class="plainlinks avvisiutente">
[[Immagine:Stop x nuvola.svg|45px|left|Stop]]
Sei stat* [[Wikipedia:Politiche di blocco degli utenti|bloccat*]] {{#switch:{{{durata|{{{2}}}}}}|infinito=  |temporaneamente}} a causa
della seguente violazione: '''{{#if:{{{motivo|{{{1|}}}}}}|{{{motivo|{{{1}}}}}}|[[Wikipedia:Gestione del vandalismo|vandalismi]]}}'''
{{#if:{{{diff|}}}| (vedi [{{{diff}}} qui])}}. Il blocco rimarrà attivo {{#switch:{{{durata|{{{2}}}}}}|infinito='''all'infinito'''
|per un periodo di '''{{{durata|{{{2}}}}}}'''. Quando il blocco termina, sentiti liber* di tornare a contribuire, rispettando però le
[[Wikipedia:Raccomandazioni e linee guida|regole stabilite dalla comunità]], grazie}}.
</div>

Stop

Sei stat* bloccat* temporaneamente a causa della seguente violazione: vandalismi. Il blocco rimarrà attivo per un periodo di {{{2}}}. Quando il blocco termina, sentiti liber* di tornare a contribuire, rispettando però le regole stabilite dalla comunità, grazie.

In MediaWiki:Common.css si dovrebbe ovviamente inserire:

.avvisiutente {
    width:85%;
    padding:0.5em;
    margin-left:auto;
    border:none;
    margin-right:auto;
    background:#FFD690;
}

Questo è un esempio (semplice) che ho portato.

Un altro esempio di template che usa le tabelle è il Navbox (questo lo lascio ad altri :D)

Cosa ne pensate? --★ → Airon Ĉ 12:36, 9 lug 2010 (CEST)

Sulla questione tecnica nulla di particolare, sull'utilizzo di "stat*" vorrei far notare che è ridicolo. Senza offesa. MeekDraco (msg) 13:07, 9 lug 2010 (CEST)

Quello è rimasto dalla pagina di discussione del template. Io lo uso in quanto portatore di uguaglianza di genere. Ma non è quello il punto :) --★ → Airon Ĉ 13:32, 9 lug 2010 (CEST)

Che cos'e' un "portatore di uguaglianza di genere"?!? Vuol dire che invece di essere maschio o femmina, sei "uguale"? --Gerardo 14:02, 9 lug 2010 (CEST)

Potreste spiegare meglio il vantaggio di usare i div invece delle tabelle? --Air swan (msg) 13:51, 9 lug 2010 (CEST)

Il vantaggio penso sia di tipo tecnico riguardo l'accessibilità dei contenuti e il rispetto degli standard, in quanto i tag delle tabelle sono studiati apposta per creare delle tabelle, quelli grafici invece apposta per creare la struttura grafica di un sito. PersOnLine 13:55, 9 lug 2010 (CEST)

Il risultato grafico non è entusiasmate. Ma sbaglio o oramai tutti i template di avviso erano stati omogeneizzati utilizzando un altro template strumentale che ne creava automaticamente la struttura grafica? quindi, nel caso, è quest'ultimo che basta modificare. PersOnLine 13:55, 9 lug 2010 (CEST)

Non credo che sia una buona idea perche' richiede una modifica al CSS. Vuol dire che se uno usa un CSS personalizzato e non ci inserisce quelle righe che hai scritto sopra, per lui non funziona. --Gerardo 14:02, 9 lug 2010 (CEST)

Non mi piace neanche il fatto che il testo "ritorna a sinistra" dopo l'immagine. Stringete la finestra del browser finche' il testo occupa quattro righe e vedrete cosa intendo. --Gerardo 14:05, 9 lug 2010 (CEST)

Tralasciando i gusti personali, questo tipo di utilizzo delle tabelle (cioè per l'impaginazione) è sbagliato, e a dirlo non sono io ma il W3C (World Wide Web Consortium); perciò ben vengano i div. È scritto tutto qui. --FollowTheMedia (msg) 14:59, 9 lug 2010 (CEST)

Favorevole anch'io a seguire le indicazioni del W3C. --Vajotwo (posta) 15:28, 9 lug 2010 (CEST)

per quanto riguardano le obiezioni sul CSS, esiste MediaWiki:Common.css che si applica a tutti gli stili. Per quanto riguarda la resa grafica, è possibile ottenere lo stasso risultato (al pixel) usando il div al posto che la tabella (il fatto che non sia così nell'esempio è un'altro paio di maniche). --nei (msg) 15:42, 9 lug 2010 (CEST)

Ovviamente favorevole, non ci sono motivi per non procedere: nessun problema se si usa CSS personalizzato, e impostando diversamente il codice (con l'immagine inserita via CSS come sfondo, e impostando un margine sinistro di circa 50 pixel) si può evitare il problema del ritorno a sinistra descritto da Gerardo. @PersOnLine: no, quello è {{Avviso}} che sta alla base di tutti gli avvisi per le pagine (Stub, Wikificare, Aiutare, ecc.), qui invece si parla di avvisi per gli utenti, e non c'è un solo template alla base. --Una giornata uggiosa '94 · E poi, di che parliamo? 12:29, 10 lug 2010 (CEST)

Non basta usare due div annidati? Andare a cambiare il CSS per mettere un'immaginetta in un template mi sembra un'esagerazione --Bultro (m) 15:01, 10 lug 2010 (CEST)

In generale le tabelle si utilizzano per... intabellare dei dati, mentre i div sono entità che possono variare la loro tabulazione e rappresentazione grafica molto più estesamente (attraverso i fogli di stile). In tal senso la proposta sarebbe valida, ma in questo caso particolare (l'esempio) non porterebbe alcun vantaggio concreto. --151.76.172.196 (msg) 16:45, 10 lug 2010 (CEST)

Con due div non lo saprei fare, se tu ci riesci va benissimo, anche meglio :) --Una giornata uggiosa '94 · E poi, di che parliamo? 18:04, 10 lug 2010 (CEST)

Confesso di avere compreso poco la questione. Ritengo tuttavia che la scelta debba essere declinata secondo la pesantezza dell'informazione, scelta che dovrebbe ricadere su quella più leggera e funzionale, scelta che dovrebbe essere considerata dagli admin tecnici. - Francesco da Firenze (msg) 03:42, 11 lug 2010 (CEST)

Per vedere la differenza, secondo me sostanziale, basta che ridimensioni la finestra facendola diventare molto stretta o usare uno smartphone. Sicuramente favorevole alla proposta.--Demostene119 (msg) 13:03, 12 lug 2010 (CEST)

Io sono per tenere le tabelle, non vedo l'utilità di reinventare la ruota quando ce l'abbiamo già, fra l'altro l'uso delle tabelle è previsto dal "XHTML 1.0 Transitional", che usiamo per le pagine, e non ho capito se e quando W3C avrebbe deprecato l'uso di "table" in favore di "div". --Krdan^(scrivimi) 03:38, 13 lug 2010 (CEST)

Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should usestyle sheets to control layout rather than tables. da qui [1]. Come ha già scritto sopra Vajotwo.--Demostene119 (msg) 08:32, 13 lug 2010 (CEST)

Su, non stiamo a discutere su questo, chi conosce l'argomento sa che ci sono casi in cui dovrebbero essere evitate per motivi logici e di accessibilità. Piuttosto vediamo di decidere con quale codice e in quali casi sostituirle con i div. --Una giornata uggiosa '94 · E poi, di che parliamo? 12:02, 13 lug 2010 (CEST)

In effetti nel primo esempio di template Blocco io vedo l'immagine sovrapposta al testo, nel secondo no (Uso IE 6.0, nel caso fosse un'informazione che vi serva). --Gelatopistacchio (msg) 21:01, 31 lug 2010 (CEST)