photo cooltext1478410227.png



































   
  kamakubybarcelona
 
A LOS LADOS DE UNA IMAGEN...
 


Empezamos a  poner un TEXTO al lado izquierdo de una Imagen:


Te estoy vigilando!!!...






<img style="float:right; margin:10px;" src="URL DE TU IMAGEN"/>Tu texto, texto, texto que estara al lado izquierdo de la imagen...

Y ahora pondremos el TEXTO al lado derecho de la imagen:

Te estoy vigilando otra vez!!!...





Para poner el texto al lado derecho hizimos flotar la imagen a la izquierda y tambien posimos un margen para separar un poco el texto de la imagen justo asi:


<img style="float:left; margin:10px;" alt="" src="URL DE TU IMAGEN" />Tu texto, texto, texto que estara al lado derecho de la imagen...

Vamos a poner el TEXTO por encima de la imagen:


Sigo Vigilandote!!!

Para poner el TEXTO por encima de la imagen, lo que hicimos fue centrar la imagen y el TEXTO, para que el texto quedara por encima,1º pusimos el TEXTO y despues la Imagen Y este es el resultado:


<center><p>Tu texto, texto, texto que estara arriba de la imagen</p></center>
<center><img style="margin:10px;" alt="" src="URL DE TU IMAGEN" /></center>

Poner el texto por abajo de la Imagen:

Ya estoy harto de Vigilarte!!!me voy,hasta la proxima.


Para poner el TEXTO por debajo de la Imagen cambiamos el orden,es decir 1º la Imagen y despues el TEXTO. El resultado fue el siguiente:


<center><img style="margin:10px;" alt="" src="URL DE TU IMAGEN" /></center>
<center><p>Tu texto, texto, texto que estara abajo de la imagen</p></center>

Esto es todo,ya podemos colocar un TEXTO al lado de nuestras IMAGENES.








 
 
 





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

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


Image hosted at Pimp-My-Profile.com


Image and video hosting by TinyPic