Modifiche

Jump to navigation Jump to search
Creata pagina con '==Utilizzo 1: allineamento a fianco di una tabella sinottica== L'utilizzo principale di questo template è quello di permettere l'allineamente di foto a destra del testo, ma a si…'
==Utilizzo 1: allineamento a fianco di una tabella sinottica==
L'utilizzo principale di questo template è quello di permettere l'allineamente di foto a destra del testo, ma a sinistra di una [[:Categoria:Template sinottici|tabella sinottica]]. Questo tipo di impaginazione può risultare preferibile in certi casi (leggere le avvertenze).
Sicuramente tutte le immagini allineate left all'inizio delle voci andrebbero sostituite con questo template per questioni di [[Wikipedia:Accessibilità|accessibilità]] e migliore impaginazione.

;<tt><nowiki>{{dx|[[Immagine:foto.jpg|thumb|descrizione]]}}</nowiki></tt>

Inserire possibilmente alla fine dell'[[Aiuto:incipit|incipit]].

Esempi:
*[http://it.wikipedia.org/w/index.php?title=Metabolismo&oldid=27228330 Metabolismo]
*[http://it.wikipedia.org/w/index.php?title=Manta_birostris&oldid=27481349 Manta birostris]
*[http://it.wikipedia.org/w/index.php?title=Carlo_d'Asburgo-Teschen&oldid=27742236 Carlo d'Asburgo-Teschen]

===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 {{tl|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

[[File:Amud skull.png|thumb|110px|Uomo]]
{{dx|[[File:Skull of a dog.png|thumb|110px|Cane]]|2}}

;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''.

<code><nowiki>[[File:Amud skull.png|thumb|110px|Cane]]</nowiki><br>
<nowiki>{{dx|[[File:Skull of a dog.png|thumb|110px|Uomo]]|2}}</nowiki></code>
{{-}}
{{doppia immagine|right|Skull of a dog.png|110|Amud skull.png|110|Cane|Uomo}}

;Esempio di doppia immagine con il template ''doppia immagine'':
Le due immagini vengono inglobate in un unico box: l'aspetto è più compatto.

<code><nowiki>{{doppia immagine|right|Amud skull.png|110|Skull of a dog.png|110|Cane|Uomo}}</nowiki></code>
{{-}}

==Testing==
Testato per impaginazione corretta con:
*Firefox 3.5 {{SI}}ok
*Google Chrome 3.0 {{SI}}ok
*Internet Explorer 5 - 6 - 7 {{SI}}ok<ref>A bassa risoluzione può inserire uno spazio vuoto esattamente come fa il normale allineamento right, si veda [[Discussioni template:Dx#Dx per migliorare l'accessibilità|questa discussione]]</ref>
*Internet Explorer 8 {{SI}}ok
*Internet Explorer 4.x su Windows CE 4.2/Windows CE 5 (320x240) {{SI}}ok

==Note==
<references/>

Menu di navigazione