g- r- a- f- i- c- a
Attaccare
2 immagini



Prendiamo ad esempio una stessa immagine divisa in due:



e simuliamo la necessita' di riunire tali immagine mantendole 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="guida_segreti_a.gif" WIDTH=90 HEIGHT=180 BORDER=0 hspace=0>
<IMG SRC="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="guida_segreti_a.gif" WIDTH=90 HEIGHT=180 BORDER=0 hspace=0><IMG SRC="guida_segreti_b.gif" WIDTH=90 HEIGHT=180 BORDER=0 hspace=0>

Ecco finalmente il riultato che cercavamo:



Per immagini che devono essere riunite per orizzontale ecco il codice sbagliato e quello esatto:


<IMG SRC="guida_segreti_c.gif" WIDTH=180 HEIGHT=90 BORDER=0>
<IMG SRC="guida_segreti_d.gif" WIDTH=180 HEIGHT=90 BORDER=0>


    <IMG SRC="guida_segreti_c.gif" WIDTH=180 HEIGHT=90 BORDER=0><BR><IMG SRC="guida_segreti_d.gif" WIDTH=180 HEIGHT=90 BORDER=0>




Clicca qui per maggiori informazioni




codice
grafica
varie
html point
Guida al linguaggio e alla programmazione HTML di Massimiliano Valente - 1998