Foros del Web » Creando para Internet » CSS »

ancho en display inline

Estas en el tema de ancho en display inline en el foro de CSS en Foros del Web. Hola [email protected]: Tengo un problema con dos capas q estoy aliniando mediante display: inline y es q no me coge el ancho de linea en ...
  #1 (permalink)  
Antiguo 26/05/2008, 11:15
Avatar de kco
kco
 
Fecha de Ingreso: septiembre-2001
Mensajes: 249
Antigüedad: 16 años, 2 meses
Puntos: 0
ancho en display inline

Hola [email protected]:

Tengo un problema con dos capas q estoy aliniando mediante display: inline y es q no me coge el ancho de linea en ningun navegador.

///////////////////////////////////////////////////////////////////////////////////////

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="es" />
<style type="text/css">
* {border: 0; padding: 0; margin 0;}
html, body {background: #f00;}
#lista1 {display: inline;}
#lista1 li, #lista1 div {display: inline; }
#capa3 {background: #0f0;}
#capa4 {background: #00f;width:400px;}
</style>
<title>Ejemplo de posionamiento de capas</title>
</head>
<body>
<p>A continuación hay dos capas alineadas una junto a la otra mediante el uso de listas y display: inline</p>
<ul id="lista1">
<li><div id="capa3">capa 3</div></li>
<li><div id="capa4">capa 4</div></li>
</ul>
</body>

/////////////////////////////////////////////////////////////////////////

ALGUIEN ME PUEDE DECIR PORQUE NO ACEPTA LA PORPIEDAD WIDTH o si existe alguna manera de dar un ancho a la capa4

Muchas gracias y un saludo de un PHPero+
kco
__________________
"No tengas miedo de ir despacio, teme quedarte quieto."

Última edición por kco; 26/05/2008 a las 11:37
  #2 (permalink)  
Antiguo 26/05/2008, 12:54
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: ancho en display inline

Cambia esta línea:
Código:
#lista1 li, #lista1 div {display: inline; }
Por esta:
Código:
#lista1 li{float: left; }
Y mira a ver si te funciona.
  #3 (permalink)  
Antiguo 27/05/2008, 09:36
Avatar de kco
kco
 
Fecha de Ingreso: septiembre-2001
Mensajes: 249
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: ancho en display inline

Gracias Raul,

sé que con el FLOAT se puede hacer lo que me gustaría saber es si existe alguna propiedad para que funcione el ancho cuando se utiliza el display:inline
(para el alto esta el line-height).


MUCHAS GRACIAS y un saludo de un PHPero+
kco
__________________
"No tengas miedo de ir despacio, teme quedarte quieto."
  #4 (permalink)  
Antiguo 27/05/2008, 11:50
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: ancho en display inline

Pues no, no conozco ninguna propiedad así.

PD: Mikmoro, es verdad . No me acordaba, estaba pensando en line-width o cosas así.

Última edición por Raulmmmm; 28/05/2008 a las 07:01
  #5 (permalink)  
Antiguo 27/05/2008, 16:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ancho en display inline

Sí: padding-left y padding-right.

Mikel.
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 09:07.