Foros del Web » Creando para Internet » CSS »

Nivelar divs

Estas en el tema de Nivelar divs en el foro de CSS en Foros del Web. Hola amigos,..como hago para que mi imagen y mi texto esten al mismo nivel, ya intente con display: inline-block pero no sale o es q ...
  #1 (permalink)  
Antiguo 10/06/2013, 17:18
 
Fecha de Ingreso: abril-2010
Ubicación: Lima
Mensajes: 116
Antigüedad: 14 años
Puntos: 1
Nivelar divs

Hola amigos,..como hago para que mi imagen y mi texto esten al mismo nivel, ya intente con display: inline-block pero no sale o es q en algo estoy fallando.
Les dejo mi pagina de muestra [URL="http://coveid.com/prueba/"]aqui[/URL]

Gracias por su ayuda
  #2 (permalink)  
Antiguo 10/06/2013, 17:35
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: Nivelar divs

Tienes que flotarlos:

Código CSS:
Ver original
  1. div {
  2.   float: left;
  3. }

http://librosweb.es/css/capitulo_5/p..._flotante.html
  #3 (permalink)  
Antiguo 10/06/2013, 20:30
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Nivelar divs

El problema es que aplicas solo el display:inline-block al contenedor pero no a los div que efectivamente quieres poner uno al lado del otro.
También a ellos debes modificar su naturaleza (div elemento de bloque) para que se comporten como "elemento de linea y de bloque".

Prueba con esto.

Luego de probar, pues, aplica lo que te recomienda pzin.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 11/06/2013, 12:30
 
Fecha de Ingreso: abril-2010
Ubicación: Lima
Mensajes: 116
Antigüedad: 14 años
Puntos: 1
Respuesta: Nivelar divs

He aplicado vuestros consejos, he tenido el problema que el fondo que es blanco desaparece, y no quiero que el texto este congelado al darle un width a su div. La pagina. Ahorita el unico detalle que quiero solucionar es que a resolucion desktop la imagen este a un lado y su texto a su costado, por favor revisa la [URL="http://coveid.com/prueba/"]web[/URL] y luego reducelo a aprox 640px se vera el cambio, y ese cambio es lo que deseo a resolucion desktop (1024px a más)
  #5 (permalink)  
Antiguo 11/06/2013, 13:58
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: Nivelar divs

Lo dicho, tienes que flotar los elementos y darle el ancho que necesites.

El problema en realidad es el elemento que los contiene, que tiene un ancho fijo muy reducido como para que ambos elementos estén uno al lado del otro.

Etiquetas: html
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 15:59.