HTMLpointHTMLpoint HTMLpoint.com


 Pegar dos imágenes



Tomemos como ejemplo una misma imagen dividida en dos:



e imaginemos que necesitamos juntar dichas imágenes manteniendo su independencia.
Para hacer esto no bastará con introducir este código (donde hspace=0 indica al navegador que deje 0 píxel entre la imagen y lo que está junto a ella):

<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>


He aquí el resultado:



Como puedes ver, las imágenes no se han juntado. El problema, de hecho, se resuelve de manera banal porque en realidad es suficiente dejar el código HTML de las imágenes en el mismo renglón, sin ningún salto de línea, como en el ejemplo:

<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>

He aquí finalmente el resultado que buscábamos:



Para imágenes que se deben juntar en horizontal, aquí tienes el código equivocado y el código exacto respectivamente:


<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>

  Torna a inizio pagina