Template:Dx/man: differenze tra le versioni

Da Semi del Verbo, l'enciclopedia dell'influenza del Vangelo sulla cultura
m (fix)
 
m (una versione importata)
 
(Nessuna differenza)

Versione attuale delle 12:03, 11 set 2021

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:

  1. si desidera mantenere graficamente staccate le due immagini (magari hanno forme diverse)
  2. 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
Uomo
Cane
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}}

Cane
Uomo
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 Siok
  • Google Chrome 3.0 Siok
  • Internet Explorer 5 - 6 - 7 Siok[1]
  • Internet Explorer 8 Siok
  • Internet Explorer 4.x su Windows CE 4.2/Windows CE 5 (320x240) Siok
  • Safari 6 Siok

Note

  1. A bassa risoluzione può inserire uno spazio vuoto esattamente come fa il normale allineamento right, si veda questa discussione