Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Css
Code

Css - Alinear texto con imagenes

Códigos Css

A la hora de poner un texto al lado de una imagen siempre tenemos el problema que el texto se pasa a la linea de abajo, por lo que muchas veces utilizamos una tabla para alinearlos. Este codigo consigue alinearlo sin necesidad de insertar ninguna tabla. Debemos modificar la linea 3 con: left: izquierda Right: derecha
Visitas: 61,272 - 18/06/2004 2:27:55
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


/* Codigo ofrecido por Tutores.org */

  1. <head>
  2. <style type="text/css">
  3. .alinear {float: left;}
  4. </style>
  5. </head>
  6. <body>
  7. <img src="/tutores/images/mundo2.gif" class="alinear">
  8. Este texto aparecerá a la izquierda de la imagen
  9. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Alinear texto con imagenes" href="http://www.tutores.org/codigo/1147/" target="_blank">Alinear texto con imagenes</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
06/07/2005 20.10.48
3 5
Es posible que se alinie a una tabla? digamos, una tabla con dos columnas y fuera de la tabla el texto. la tabla tendria un tamaño predefinido.

Para q? o porque?

Tengo un cliente que quiere q a la imagen le figure un titulo, osea que abajo de la imagen abria texto dinamico tomado de una base de datos, si la solucion fuese otra, como por ejemplo alinear de alguna manera distinta por favor comentamelo, desde ya muchas gracias,.
Comentario usuario
carloss
4 5
Hola una consulta
es posible alinear un video con un texto??
Comentario usuario
12-01-2008 23:38:30
1 5
como hago para alinearlo
Comentario usuario
18-05-2010 07:23:15
1 5
como hago para alinearlo
Comentario usuario
yosmairi
2 5
me parece muy bien la informacion q da esta pagina..
Comentario usuario
Romer
3 5
¿Cómo se puede lograr esto en una entrada de blogger sin tocar la "HEAD" en la edicoón de html del blog?
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.