Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Problema con propiedad display y width

Estas en el tema de Problema con propiedad display y width en el foro de CSS en Foros del Web. Pues eso coloco una serie de tags li dentro de un ul mostrados desde display:inline e intento cambiarles el width o height y no me ...
  #1 (permalink)  
Antiguo 06/08/2013, 18:04
 
Fecha de Ingreso: marzo-2011
Mensajes: 120
Antigüedad: 13 años, 1 mes
Puntos: 3
Problema con propiedad display y width

Pues eso coloco una serie de tags li dentro de un ul mostrados desde display:inline e intento cambiarles el width o height y no me deja es como si no estuviera eso ahi :S y luego probe colocando varios div y los puse dentro de otro y dije q todos los div tenian inline pero igual no puedo cambiar los width ni height :S
  #2 (permalink)  
Antiguo 06/08/2013, 18:23
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 8 meses
Puntos: 2237
Respuesta: Problema con propiedad display y width

prueba con inline-block, porque inline siempre se adapta al contenido, no importa que apliques alto y ancho.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 06/08/2013, 18:29
 
Fecha de Ingreso: marzo-2011
Mensajes: 120
Antigüedad: 13 años, 1 mes
Puntos: 3
Respuesta: Problema con propiedad display y width

Excelente mi pana GRACIAS!!!! PERO ahora tengo otro rollo como hago para q asi cambie la resolucion sigan quedando en la misma posicion? pq le cambio la resolucion y se pasan unos hacia arriba :S es posible eso?

Última edición por carlos__333; 06/08/2013 a las 18:37
  #4 (permalink)  
Antiguo 06/08/2013, 19:15
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 8 meses
Puntos: 2237
Respuesta: Problema con propiedad display y width

Una de las características de inline e inline-block es que los elementos se acomoden de acuerdo al tamaño de la ventana y, en caso de ser necesario, aparezcan en varias líneas.

Si quieres que siempre estén en una línea, entonces deberías asignar un ancho fijo (o ancho mínimo) al contenedor.
__________________
- León, Guanajuato
- GV-Foto
  #5 (permalink)  
Antiguo 06/08/2013, 19:24
 
Fecha de Ingreso: marzo-2011
Mensajes: 120
Antigüedad: 13 años, 1 mes
Puntos: 3
Respuesta: Problema con propiedad display y width

mmmmm bueno veo q me toca investigar un poco mas pq de verdad q no se hacer lo q me dices de todas maneras gracias por la ayuda
  #6 (permalink)  
Antiguo 07/08/2013, 16:28
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: Problema con propiedad display y width

Solo para complementar

Como regla general las propiedades de tamaño(width/height y variantes min max) no aplican a elementos inline non-replaced, osea elemento display:inline; span y demas inline

salu2
  #7 (permalink)  
Antiguo 08/08/2013, 08:39
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Problema con propiedad display y width

Cita:
Iniciado por carlos__333 Ver Mensaje
mmmmm bueno veo q me toca investigar un poco mas pq de verdad q no se hacer lo q me dices de todas maneras gracias por la ayuda
Ubica qué es un contenedor. Si tienes un litro de leche el contenedor es el envase. Si es de cartón o botella. La leche toma el tamaño del contenedor.

Si tienes LI el contenedor es el UL... UnLitro

Dále un ancho fijo al UL

Código HTML:
Ver original
  1. <ul style="width: 900px">
  #8 (permalink)  
Antiguo 11/08/2013, 12:19
 
Fecha de Ingreso: marzo-2011
Mensajes: 120
Antigüedad: 13 años, 1 mes
Puntos: 3
Respuesta: Problema con propiedad display y width

Cita:
Iniciado por Rafael Ver Mensaje
Ubica qué es un contenedor. Si tienes un litro de leche el contenedor es el envase. Si es de cartón o botella. La leche toma el tamaño del contenedor.

Si tienes LI el contenedor es el UL... UnLitro

Dále un ancho fijo al UL

Código HTML:
Ver original
  1. <ul style="width: 900px">
Sip ya lo aplique quedo todo perfecto gracias

Etiquetas: display, width
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 17:47.