Attaccare due immagini

Utente HTML.it
chiede

Attaccare due immagini

Redazione HTML.it
risponde

Prendiamo ad esempio una stessa immagine divisa in due:

figura
figura

e simuliamo la necessita’ di riunire tali immagine mentendole pero’ separate.
Per fare questo non sara’ sufficiente inserire questo codice (dove hspace=”0″ indica al browser di lasciare 0 pixel tra l’immagine e cio’ che le sta vicino):

<img src=”http://www.html.it/faq/img/guida_segreti_a.gif” width=”90″ height=”180″ border=”0″ hspace=”0″>
<img src=”http://www.html.it/faq/img/guida_segreti_b.gif” width=”90″ height=”180″ border=”0″ hspace=”0″>

Ecco il risultato:

figura
figura

Come vedete le immagini non sono state riunite. Il problema si risolve in modo banale, infatti e’ sufficiente lasciare il codice HTML delle immagini sulla stessa riga, senza nessun a capo, come da esempio:

<img src=”http://www.html.it/faq/img/guida_segreti_a.gif” width=”90″ height=”180″ border=”0″ hspace=”0″><img src=”http://www.html.it/faq/img/guida_segreti_b.gif” width=”90″ height=”180″ border=”0″ hspace=”0″>

Ecco finalmente il risultato che cercavamo:

figurafigura