descripcion de la imagen



































   
  kamakubybarcelona
 
POSICIONAR LAS IMAGENES
 


POSICIONAMIENTO DE LAS IMAGENES.

Al poner una imagen por defecto siempre se va a colocar a la izquierda justo como esta aquí:





Ahora alinearemos una imagen a la derecha justo como se muestra acontinuacion:

y bien para alinear la imagen a la derecha pondremos "float:rigth" en la etiqueta style de la imagen justo asi:



 

 <img style="float:right" src="http://content.pimp-my-profile.com/i68/2/5/23/f_5d3295dd2d4b.gif "/>

Ahora vamos a centrar la imagen, hay varias formas de centrar una imagen pero segun yo la mejor es encerrar la imagen con el atributo "<center>"


 

Para centrar la imagen utilizamos en atributo "center" justo asi:


 

<center><img alt="" src="http://content.pimp-my-profile.com/i68/2/5/23/f_5d3295dd2d4b.gif " /></center>

Vamos a aumentar la dificultad, para hacer una linea de imagenes sin salto de linea como se muestra a continuacion:

Para hacer una linea de imagenes justo como la acabamos de ver no hay que hacer gran cosa, ya que las imagenes por defecto se van alineando a la derecha en el espacio determinado donde estan... una por una sin salto de linea, para esto seria algo asi:


<img alt="" src="http://url.musicaymusica.com.ar/tmp/db4c900789.gif" />
<img alt="" src="http://content.pimp-my-profile.com/i68/2/5/23/f_5d3295dd2d4b.gif " />
<img alt="" src="http://content.pimp-my-profile.com/i68/2/5/23/f_5d3295dd2d4b.gif " />
 

Ahora vamos a hacer una linea de imagenes pero con salto de linea hacia abajo como se muestra acontinuacion:




 

<img alt="" src="http://content.pimp-my-profile.com/i68/2/5/23/f_5d3295dd2d4b.gif " /></br>
<img alt="" src="http://content.pimp-my-profile.com/i68/2/5/23/f_5d3295dd2d4b.gif " /></br>
<img alt="" src="http://content.pimp-my-profile.com/i68/2/5/23/f_5d3295dd2d4b.gif " />

Por ultimo vamos a colocar una imagen a la derecha y otra a la izquierda sin salto de linea como se muestra acontinuacion:



 

<div><span style="float:right"><img alt="" src="URL DE TU IMAGEN DERECHA" /></span><img alt="" src="URL DE TU IMAGEN IZQUIERDA" /></div>


Esto es muy util para poder posicionar una imagen donde nosotros queramos, no solo podemos aplicar esto con imagenes si no tan bien podemos aplicarlo en texto, enlaces, tablas y otros elementos.









 
 
 





Añadir comentario acerca de esta página:
Tu nombre:
Tu mensaje:

 
  Hoy habia 1 visitantes (10 clics a subpáginas) ¡Aqui en esta página!


Image hosted at Pimp-My-Profile.com


Image and video hosting by TinyPic















 
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=