Foros del Web » Creando para Internet » CSS »

Alinear imagen con texto

Estas en el tema de Alinear imagen con texto en el foro de CSS en Foros del Web. Buenas, quería poner una imagen y al lado texto, es fácil con float pero yo quería hacerlo con display:inline-block . ¿Es posible? Gracias Un saludo...
  #1 (permalink)  
Antiguo 02/10/2012, 10:27
 
Fecha de Ingreso: abril-2007
Mensajes: 89
Antigüedad: 17 años
Puntos: 2
Alinear imagen con texto

Buenas, quería poner una imagen y al lado texto, es fácil con float pero yo quería hacerlo con display:inline-block. ¿Es posible?

Gracias

Un saludo
  #2 (permalink)  
Antiguo 02/10/2012, 15:48
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Alinear imagen con texto

Sí. Pero es ridículo. El texto y la imagen son inline, se ponen solos una al lado del otro. No hay que agregarles nada.

Si tenés algún caso especial, mostranos el código y lo vemos. Y explicanos también el capricho de usar el bloque el línea, para saber si se justifica.
  #3 (permalink)  
Antiguo 02/10/2012, 23:56
 
Fecha de Ingreso: abril-2007
Mensajes: 89
Antigüedad: 17 años
Puntos: 2
Respuesta: Alinear imagen con texto

Intento alinear la imagen con texto pero me baja el texto y no se alinea con la imagen.

codigo:

<section id="rectangulo-izquierda">
<article id="1">
<img src="b1.jpg" width="75" height="82">
<P>adfdsafsdafsdafsdaf</P>
</article>
</section>

CSS

section#rectangulo-izquierda {
height: 300px;
width:480px;
background-color:#00F;
display:inline-block;
}



Gracias

Un saludo
  #4 (permalink)  
Antiguo 03/10/2012, 00:03
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Alinear imagen con texto

Es que no estás intentando alinear una imagen con texto, sino una imagen con un párrafo, que es un elemento en bloque.
__________________
(:
  #5 (permalink)  
Antiguo 03/10/2012, 02:50
 
Fecha de Ingreso: abril-2007
Mensajes: 89
Antigüedad: 17 años
Puntos: 2
Respuesta: Alinear imagen con texto

Y entonces para alinear el párrafo tengo que utilizar display:inline-block; en la imagen y en el párrafo?

gracias
  #6 (permalink)  
Antiguo 03/10/2012, 03:04
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Alinear imagen con texto

Te remito al mensaje #2, párrafo dos, con énfasis en la segunda frase.
__________________
(:
  #7 (permalink)  
Antiguo 03/10/2012, 03:11
 
Fecha de Ingreso: abril-2007
Mensajes: 89
Antigüedad: 17 años
Puntos: 2
Respuesta: Alinear imagen con texto

Muchas gracias, ya está solucionado.

Un saludo

Etiquetas: alinear
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 18:17.