Template:Dx
Le istruzioni che seguono sono contenute nella sottopagina Template:Dx/man (modifica · cronologia)
Sandbox: Template:Dx/Sandbox (modifica · cronologia) · Tutte le sottopagine: lista
Utilizzo 1: allineamento a fianco di una tabella sinottica
L'utilizzo principale di questo template è quello di permettere l'allineamento di foto a destra del testo, ma a sinistra di una tabella sinottica. Questo tipo di impaginazione può risultare preferibile in certi casi (leggere le avvertenze). Sicuramente tutte le immagini allineate a sinistra all'inizio delle voci andrebbero sostituite con questo template per questioni di accessibilità e migliore impaginazione.
{{dx|[[Immagine:foto.jpg|thumb|descrizione]]}}
Inserire possibilmente alla fine dell'incipit.
Esempi:
Avvertenze
Usare con moderazione: quando un'immagine può essere messa nel corpo della voce o all'interno della tabella sinottica è meglio evitare dx.
È importante non mettere immagini troppo larghe perché con finestre più piccole di 1024 pixel o su monitor a bassa risoluzione potrebbe rimanere poco spazio al testo sulla sinistra. Inoltre in caso di allineamento a fianco di un template sinottico, per questioni di accessibilità, è senz'altro meglio inserirlo alla fine dell'incipit in modo che compaia nello spazio bianco a destra dell'indice.
Ad ogni modo, per evitare che nelle finestre piccole il testo sulla sinistra venga strizzato troppo, è stato aggiunto un margine di sicurezza di 180 pixel.
Utilizzo 2: come alternativa a Doppia immagine
Per allineare due foto orizzontalmente normalmente esiste il più compatto template {{Doppia immagine}}. Tuttavia questo template può risultare preferibile se:
- si desidera mantenere graficamente staccate le due immagini (magari hanno forme diverse)
- si tratta di immagini grandi ed è preferibile per una migliore accessibilità con finestre a bassa risoluzione che una delle due possa andare a capo senza schiacciare il testo
- Esempio di doppia immagine con il template dx
I due box rimangono separati e in caso di poco spazio l'immagine di sinistra va a capo. Basta inserire la seconda immagine nel template dx e aggiungere il parametro 2.
[[File:Amud skull.png|thumb|upright=0.5|Cane]]
{{dx|[[File:Skull of a dog.png|thumb|upright=0.5|Uomo]]|2}}
- Esempio di doppia immagine con il template doppia immagine
Le due immagini vengono inglobate in un unico box: l'aspetto è più compatto.
{{doppia immagine|right|Amud skull.png|110|Skull of a dog.png|110|Cane|Uomo}}
Testing
Testato per impaginazione corretta con:
- Firefox 3.5 ok
- Google Chrome 3.0 ok
- Internet Explorer 5 - 6 - 7 ok[1]
- Internet Explorer 8 ok
- Internet Explorer 4.x su Windows CE 4.2/Windows CE 5 (320x240) ok
- Safari 6 ok
Note
- ↑ A bassa risoluzione può inserire uno spazio vuoto esattamente come fa il normale allineamento right, si veda questa discussione