Prendiamo ad esempio una stessa immagine divisa in due:
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:
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: