Discussioni template:Dx

Commento

A me il risultato con i sinottici sembra bruttino. Le immagini non dovrebbero stare attaccate di fianco al sinottico; di solito una o due stanno direttamente dentro il sinottico, le altre possono stare nel corpo della voce sotto, o al limite allineate a sinistra se la voce è corta. Segnalo inoltre che forse è un doppione di Template:ImageStackRight --Bultro (m) 16:00, 21 mar 2009 (CET)

Non è un doppione, se provi a sostituirlo con ImageStackRight vedrai che non funziona. Ho creato questo template proprio per andare a sistemare l'impaginazione in quelle voci dove, per poter deliberatamente piazzare un'immagine all'inizio, gli utenti l'allineavano a sinistra. Questo genere di impaginazione sta _malissimo_ e peggiora la leggibilità (vedi sotto). L'idea era di dare uno strumento facile da utilizzare per ottenere un'immagine all'inizio della voce senza bisogno di allinearla a sinistra. Inoltre spesso di fianco alla toc c'è un bello spazio vuoto che si può sfruttare. Il fatto che una determinata immagine in un determinato caso possa essere messa anche più in basso, secondo me è un altro discorso. Se è più opportuna li', è una valutazione che fa chi edita. Non so, faccio alcuni esempi nei quali mi sembrava adatto:

• WWE SummerSlam 2005 (qui avrebbe creato un'orrenda voragine bianca)
• Lasa: prima e dopo (allineando a sinistra stava malissimo e allineando a destra le immagini sarebbero finite dopo le note creando un grosso spazio bianco prima del template portale)
• Bosentino: prima e dopo (non aveva senso mettere la chiesa come panorama del paese)
• Arancón idem
• Lightstick qui non sapevo decidermi e alla fine ho messo entrambe le immagini visto che mi sembrava la soluzione migliore
• Manta birostris anche qui mi sembrava particolarmente azzeccata questa impaginazione.

Basilicofresco (msg) 18:04, 22 mar 2009 (CET)

Immagino che tu abbia lo schermo a risoluzione alta; prova a guardarle a risoluzione più bassa (io uso 800x600) e vedrai cose del tipo

«SummerSlam 2005
fu il la diciottesima
edizione dell'annuale
pay-per-view
...»

Cmq forse è ImageStackRight ad essere ridondante?

Per Lightstick c'è anche {{doppia immagine}} --Bultro (m) 19:04, 23 mar 2009 (CET)

Come Bultro. Inserire le immagini a sinistra del template sinottico è totalmente contrario alle regole sull'accessibilità. Bisogna usare il "thumb|right", che le allinea sotto. Credo che questo template vada vietato in ns0, al massimo può essere utile per qualche portale o pagina d'aiuto Jalo 21:44, 22 set 2009 (CEST)

D'accordo con Bultro e Jalo. In voci come Bosentino e Arancón non vedo quale sia il problema nel mettere la foto all'interno del template; in Manta birostris due immagini una accanto all'altra mi paiono francamente superflue; in WWE SummerSlam 2005 forse la soluzione potrebbe essere usare meno le tabelle e più testo "normale"; Lightstick usa Template:Doppia immagine e non questo. --Jaqen [...] 22:46, 22 set 2009 (CEST)

Per Bosentino e Arancón non si tratta di panorami del paese, ma solo una chiesa. Per WWE convinci quelli del progetto wrestling. ;) -- Basilicofresco (msg) 08:23, 23 set 2009 (CEST)

Il template l'ho utilizzato per sostituire le immagini inserite con left a sinistra del template, che ha gli stessi problemi a parità di risoluzione. Almeno così l'impaginazione in genere da 800x600 in su sta bene. Coerentemente bisognerebbe vietare allora anche di allineare le immagini left all'inizio delle voci, no? -- Basilicofresco (msg) 07:59, 23 set 2009 (CEST)

Certo, se possibile le img devono stare nel template, ma se nn possibile ben venga il "DX". --SAILKO · FECIT 08:13, 23 set 2009 (CEST)

Cerco di spiegare meglio il problema. [1] [2] [3] [4], stavano meglio o erano più accessibili? Non mi sembra. Manta birostris o Arancón se vengono visualizzati in 640x480 danno dei problemi di visualizzazione? Assolutamente no. In WWE SummerSlam 2005 è stato sufficiente creare l'indice e aggiungere l'immagine alla fine dell'incipit. Poi chiaramente se ne può discutere se limitarne l'utilizzo ad esempio ad immagini al di sotto di una certa dimensione o limitare l'utilizzo in una determinata posizione (vietare ad esempio un utilizzo all'interno di una sezione come in Lasa). Sicuramente è un'alternativa migliore rispetto all'allineamento left e risolve rapidamente il problema. Ps. Questo template è stato usato molto anche per allineare le mappe dei comuni delle province, ma queste presto potrebbero essere incluse nel template sinottico, quindi da queste voci verrà comunque tolto. -- Basilicofresco (msg) 08:23, 23 set 2009 (CEST)

Affiancare oggetti html dovrebbe essere quasi sempre sconsigliato, sia che si tratti di sinottici affiancate a immagini (situate a destra o a sinistra, non ha importanza), sia che si tratti di template allineati a dx come il {{abbreviazioni}} (che non usa la classe sinottico e non è dunque clear:right) affiancati ad altri template allineati a dx come il {{TOCright}}: per chi ha schermi piccoli il risultato è pessimo, la colonna di testo viene una capocchietta striminzita con 10-11 caratteri per riga e conseguenti disallineamenti. Un discorso simile vale per le accoppiate <math> + immagine affiancati. Per me questo tl andrebbe usato solo in casi eccezionali. Capisco che chi ha uno schermo da 34 pollici non veda alcun problema, ma gli altri... --93.47.5.225 (msg) 14:24, 23 set 2009 (CEST)

Si, ma restiamo sul pratico: esattamente quali voci con questo template stanno avendo problemi se si visualizza la pagina a 640x480? Si può benissimo dire "non usare questo template in tutti i casi in cui a 640x480 strizza il testo più di quanto non fa il template sinottico", no? -- Basilicofresco (msg) 14:59, 23 set 2009 (CEST)

Tra i PC 640x480 non lo usa praticamente piu' nessuno (basta vedere i contatori online di siti web molto frequentati (es [5]), ormai da piu' di un anno il 90%+ degli utenti usano 1024*768 o superiori). Risoluzioni cosi' basse credo che si abbiano solo tra chi naviga con smartphone&C, ma in quei casi la stragrande maggioranza delle pagine dà problemi di lettura. --Yoggysot (msg) 16:48, 23 set 2009 (CEST)

Scusate ma non basta inserire float: right; clear: right; nel tag style del template? E' per questo che le immagini si posizionano male: è colpa dei template Comune, Infobox evento wrestling, Comune spagnolo, ecc... --F l a n k e r ✉ 17:00, 23 set 2009 (CEST)

@basilico: non ho capito che vuoi dire con "non usare questo template in tutti i casi in cui a 640x480 strizza il testo più di quanto non fa il template sinottico": se metti un'immagine di fianco al sinottico invece che sotto (con thumb|right o thumb e basta come già osservato) il testo viene strizzato di più, e questo indipendentemente dal fatto che l'immagine stia tutta sulla sinistra o accanto al sinottico. Se poi sia più gradevole l'immagine a sinistra oppure quella accanto al sinottico è questione di gusti, ma dal punto di vista dell'impaginazione del testo cambia poco, lo spazio è sempre quello @Flanker si sta discutendo se sia il caso o meno di applicare la proprietà clear:right a qualunque cosa stia sulla destra, sinottici, immagini (quello avviene in automatico con thumb|right) e quant'altro. Ricordo che esiste la classe sinottico fatta apposta per i sinottici che contiene questa proprietà (vedi Mediawiki:Common.js), ma non tutti i box che stanno sulla destra la usano --93.47.22.67 (msg) 23:40, 23 set 2009 (CEST)

PS "spesso di fianco alla toc c'è un bello spazio vuoto che si può sfruttare" (cit da sopra): ottimo, ma il toc automatico convive perfettamente con le immagini allineate a destra, basta metterle all'inizio della voce, proprio in cima come di solito si fa. Per le voci corte con sinottico, secondo me le eventuali immagini che non vanno dentro il sinottico andrebbero messe in fondo con il gallery, tanto essendo la voce corta si vedono subito dalla prima schermata --93.47.22.67 (msg) 23:48, 23 set 2009 (CEST)

@Basilicofresco: ovviamente anche allineare a sinistra è sbagliato. Le immagini dovrebbero essere tutte sul margine destro, ed essere incolonnate

1. Flanker: usare "thuumb|right" le allinea correttamente, a prescindere dallo stile dei template Jalo 01:23, 24 set 2009 (CEST)

Ricordiamoci però che con IE6 e IE7 questo può creare in certi casi un'enorme voragine bianca a sinistra della tabella. -- Basilicofresco (msg) 10:56, 11 feb 2010 (CET)

Dx per migliorare l'accessibilità

Nei giorni scorsi ho modificato significativamente questo template per renderlo via via migliore ed esente dai problemi esposti poco sopra. Ho aggiornato il manuale e ho testato su diversi sistemi, risoluzioni e browser l'impaginazione e l'accessibilità. Direi che quello che ne è uscito è qualcosa di buono che può migliorare facilmente e rapidamente l'accessibilità e l'impaginazione di molte pagine. La differenza principale rispetto a prima è che ora è presente un "margine di sicurezza" al di sotto del quale il testo a sinistra viene spostato al di sotto dell'immagine in modo da evitare l'effetto spremitura nelle finestre piccole. In generale lo vedo bene in tutti quei casi in cui l'immagine non deve o non può essere messa all'interno del template sinottico e allo stesso tempo allinearla a destra sotto la tabella risulta per qualche motivo sconsigliabile: voci corte con tabella lunga o con già tante immagini o quando l'immagine deve essere lasciata vicina ad uno specifico paragrafo pertinente, ecc. Esempi di voci che secondo me sono migliorate sia nell'impaginazione che nell'accessibilità:

• Provincia di Parma (prima)
• Prajnaparamita Sutra (prima)
• Carlo d'Asburgo-Teschen (prima)
• Libro dell'Esodo (prima)
• Deuteronomio (prima)
• Presidente del Consiglio dei Ministri della Repubblica Italiana (prima)
• Piano Marshall (prima)
• Metabolismo (prima)

Basilicofresco (msg) 10:36, 8 ott 2009 (CEST)

In Provincia di Parma non vedo alcuna differenza col mettere semplicemente l'immagine senza "left"...

Nelle altre il problema è sempre il template di navigazione verticale, per me dovrebbero essere tutti orizzontali, ma questa è un'altra storia --Bultro (m) 21:44, 9 ott 2009 (CEST)

Senza dx ad esempio non c'è l'effetto margine di sicurezza e il testo si strizza fino a "La / provincia / è divisa". Già questo, in questa voce, mi sembra un miglioramento sufficiente. Inoltre ora dopo la tua modifica non mi dirai che "sta meglio" se vista con Internet Explorer, vero? ;) Rimetti tu il dx? -- Basilicofresco (msg) 22:00, 9 ott 2009 (CEST)

Io ho provato Mozilla e IE6, 800x600 e 1024x768, e non vedo alcuno strizzamento. In compenso, nella tua versione, con IE6 e 800x600 vedo l'immagine sovrapposta al sinottico! --Bultro (m) 02:49, 10 ott 2009 (CEST)

Il problema della sovrapposizione era dovuto al deprecato parametro align presente in Geobox nomeProvincia e che, così come era stato fatto per Geobox nomeComune, è stato corretto. Ripeto, prova con IE7 (tra l'altro il browser più diffuso) la tua versione della provincia di Parma e dimmi se l'impaginazione non è andata completamente a pallino. -- Basilicofresco (msg) 12:07, 10 ott 2009 (CEST)

Resta da rimettere a posto provincia di Parma e mi sembra più corretto che non lo faccia io. Ci sarebbe da annullare l'ultimo edit visto che così com'è adesso con IE7, IE6 e IE5 l'impaginazione salta. Gli screenshot non sono miei. -- Basilicofresco (msg) 09:27, 30 ott 2009 (CET)

Da me (800x600) con IE si vede così anche la tua versione. Cmq presto sarà pronto un nuovo template per tutte le divisioni amministrative (Discussioni_template:Comune) che include direttamente dentro anche la cartina --Bultro (m) 20:05, 30 ott 2009 (CET)

Scusa se insisto... certo che in 800x600 manda in basso la cartina: non ci sta! ;) Se la guardi con una risoluzione più alta ti accorgerai delle differenze. Ora metto qua alcuni screenshot fatti con browsershots.org in modo da non andare avanti all'infinito con la discussione senza capirci:

• IE5.5 mia vs. IE5.5 tua
• IE6 mia vs. IE6 tua
• IE7 mia vs. IE7 tua

Vedi il problema? Non penso che serva una votazione per il layout migliore. ;) Il discorso "mappa dentro il template" è relativo: qui stiamo discutendo se questo template ha dei problemi in certi casi e se può risolvere certe situazioni. A me sembra maturo. Se poi quella particolare immagine verrrà inglobata meglio ancora. -- Basilicofresco (msg) 00:12, 31 ott 2009 (CET)

"certo che in 800x600 manda in basso la cartina: non ci sta! ;)"

Dicesi WP:Accessibilità Jalo 03:42, 31 ott 2009 (CET)

Capisco che la discussione stia diventando noiosa, ma leggete interamente questo paragrafetto. Questo è un discorso diverso rispetto alla critica di Butro. Tu se non ho capito male critichi a priori la presenza di immagini a fianco di una tabella sinottica, giusto? Questo template riesce appunto ad eliminare i problemi di accessibilità dati da queste immagini in maniera semplice e senza dover pensare a soluzioni ad hoc voce per voce. Se noti nel caso in questione non strizza mai il testo né si sovrappone alla tabella o altre amenità: questa è accessibilità. Solo a bassa risoluzione con IE7 e precedenti (IE8 è ok) inserisce lo stesso (innocuo) spazio che appare se si allinea normalmente right l'immagine. In tutti gli altri casi (e ne ho testati tanti con browsershots.org) impagina impeccabilmente anche a risoluzioni infime. Direi che è un passo avanti, non indietro. Sottolineo nuovamente: con IE5/6/7 allineare normalmente right crea sempre il problema descritto e non basta spostare l'immagine qualche riga sotto per risolverlo. -- Basilicofresco (msg) 13:42, 31 ott 2009 (CET)

Esatto, sono contrario a qualsiasi immagine da parte ai template. In uno schermo a 800px ne vengono usati 100 per la colonna di sinistra, 250/300 per il template sinottico. Se ne sciupi altri 300 per l'immagine extra ne restano solo 100 per il testo, che diventa illeggibile

Puoi vedere qui come la scrittura a 100px sia un problema da leggere, soprattutto se devo usare parole lunghelunghelunghelunghe. E questo problema ce lo dobbiamo tenere per cosa? Per mettere un'immagine in cima alla voce?

Uno dei concetti dell'accessibilità del web è che un utente non dovrebbe essere obbligato a scrollare la pagina per iniziare a leggerla. Affollarla di immagini in cima (ma anche quote, ecc.) va proprio nel senso opposto Jalo 14:19, 31 ott 2009 (CET)

Benissimo, concordo! Ora apri la mia versione della provincia di Parma, rimpicciolisci la finestra e dimmi cosa vedi. L'immagine si toglie dalle palle [6] e tutto lo spazio è lasciato al testo (sia quello che precede sia a quello che segue l'immagine). Non è esattamente quello che vuoi? -- Basilicofresco (msg) 14:51, 31 ott 2009 (CET)

L'immagine finisce sotto solo se non ci stanno immagine e template. Esistono però risoluzioni intermedie in cui la presenza dell'immagine fa scalare in basso indice e resto della voce. Jalo 15:20, 31 ott 2009 (CET)

Vero, l'immagine vicino all'indice è un elemento che fa scorrere in basso il resto della voce, ma d'altra parte lo fa anche l'indice stesso. Comunque vedi Dx#Avvertenze. Inoltre se si mette dx alla fine dell'incipit, quest'ultimo rimane sempre all'inizio della voce e credo che sia questo l'importante. Piuttosto vedo più utile stabilire una larghezza massima per le tabelle sinottiche, a volte ne ho corrette alcune più larghe di 400px. -- Basilicofresco (msg) 11:55, 1 nov 2009 (CET)

Credo che fosse stato deciso di limitare i template a 300px. Comunque il fatto che l'indice sposti in basso il testo non significa che sia augurabile creare altre cose che lo spostano ancora più in basso. Mi chiedo quale sia il problema ad avere l'immagine sotto al template Jalo 21:23, 1 nov 2009 (CET)

Putroppo non tutte le voci sono ampie e dettagliate. Per migliorare l'aspetto e l'accessibilità di molte voci rapidamente (senza bisogno di inventarsi ogni volta chissà cosa) vedo questo template comodissimo. Ad esempio: tra [7] e [8] vedo un netto miglioramento di 1) aspetto 2) accessibilità (provate a restringere la finestra). Valutiamo le alternative:

• l'immagine non si può mettere in fondo perché la voce è corta e perché con IE 6 e 7 a volte questo crea una voragine bianca (capita anche nelle voci lunghe)
• non si può mettere nella tabella perché non è certo un panorama della città
• le immagini non sono una decorazione e se possibile sarebbe il caso di metterele nella sezione pertinenete
• lasciarla allineata left non è certo meglio perché nelle finestre strette il testo si schiaccia fino a diventare una colonna di parole e nelle finestre larghe sposta verso il centro l'intestazione del paragrafo successivo

Basilicofresco (msg) 10:51, 11 feb 2010 (CET)