Foros del Web » Creando para Internet » CSS »

Imagen i texto

Estas en el tema de Imagen i texto en el foro de CSS en Foros del Web. Hola gente, estoy con una imagen y quiero poner texto al lado, con estilo, he puesto <Span> se ve bien, pero necesito separarlos, los tengo ...
  #1 (permalink)  
Antiguo 29/06/2015, 07:37
 
Fecha de Ingreso: junio-2015
Mensajes: 6
Antigüedad: 8 años, 9 meses
Puntos: 0
Imagen i texto

Hola gente, estoy con una imagen y quiero poner texto al lado, con estilo, he puesto <Span> se ve bien, pero necesito separarlos, los tengo todos seguidos a qui les dejo la imagen: http://prntscr.com/7mo4xx.

Como podes ver se be junto, no se como separar, si pongo <br> se me va todo al carajo a qui les dejo el código HTML: http://prntscr.com/7mo5ha

Y a qui les dejo como me gustaría que quedara: http://prntscr.com/7mo5oi

Gracias.
  #2 (permalink)  
Antiguo 29/06/2015, 07:44
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: Imagen i texto

Usa div en vez de span o dale un display:block;
  #3 (permalink)  
Antiguo 29/06/2015, 07:52
 
Fecha de Ingreso: junio-2015
Mensajes: 6
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Imagen i texto

Cita:
Iniciado por PHPeros Ver Mensaje
Usa div en vez de span o dale un display:block;
Le he puesto ' display: block;' al primer span y se me a ido todo al garete. Mira como queda: http://prntscr.com/7mpb0j
Necesito eso pero al lado de la imagen.

También digo que estoy con bootstrap, que igual el bootstrap implementa algo de eso, pero hace días que lo toco y no se muy bien lo que tiene. Gracias.
  #4 (permalink)  
Antiguo 29/06/2015, 09:29
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: Imagen i texto

Ahora flota la imagen y el texto debería adherirse también.

DEMO
  #5 (permalink)  
Antiguo 29/06/2015, 09:41
 
Fecha de Ingreso: junio-2015
Mensajes: 6
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Imagen i texto

Cita:
Iniciado por PHPeros Ver Mensaje
Ahora flota la imagen y el texto debería adherirse también.

[URL="http://jsfiddle.net/9y8oavbx/1/"]DEMO[/URL]
Si, le faltaba el float:left a la imagen, gracias.
  #6 (permalink)  
Antiguo 29/06/2015, 11:05
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 4 meses
Puntos: 208
Respuesta: Imagen i texto

Colaboración extra para que no tengas errores ortográficos..

Tarjeta se escribe con J, y en inglés "Primer Nombre" es "First Name", no "Firts"

Etiquetas: html, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:54.