Riga 4: |
Riga 4: |
| Margine di sicurezza: ca. 20 pixel per ogni nbsp; | | Margine di sicurezza: ca. 20 pixel per ogni nbsp; |
| --> </span></includeonly><noinclude> | | --> </span></includeonly><noinclude> |
− | {{man}} | + | ==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 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 accessibilità e migliore impaginazione. |
| + | |
| + | ;<tt><nowiki>{{dx|[[Immagine:foto.jpg|thumb|descrizione]]}}</nowiki></tt> |
| + | |
| + | Inserire possibilmente alla fine dell'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:Lamy27-Tintomatic.jpg|thumb|110px|Particolare]] |
| + | {{dx|[[File:Lamy27-Schema.jpg|thumb|110px|Generale]]|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:Lamy27-Tintomatic.jpg|thumb|110px|Particolare]]</nowiki><br> |
| + | <nowiki>{{dx|[[File:Lamy27-Schema.jpg|thumb|110px|Generale]]|2}}</nowiki></code> |
| + | {{-}} |
| + | {{doppia immagine|right|Lamy27-Tintomatic.jpg|110|Lamy27-Schema.jpg|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|Lamy27-Schema.jpg|110|Lamy27-Tintomatic.jpg|110|Particolare|Generale}}</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 |
| + | *Internet Explorer 8 {{SI}}ok |
| + | *Internet Explorer 4.x su Windows CE 4.2/Windows CE 5 (320x240) {{SI}}ok |
| + | |
| </noinclude> | | </noinclude> |