Foros del Web » Creando para Internet » CSS »

display: inline + width y height

Estas en el tema de display: inline + width y height en el foro de CSS en Foros del Web. Tengo 4 layers (div) que deben medir 60x90 px y estar uno al lado del otro separados por 10 o 20 px. este es mi ...
  #1 (permalink)  
Antiguo 06/10/2007, 23:53
 
Fecha de Ingreso: agosto-2003
Mensajes: 120
Antigüedad: 14 años, 3 meses
Puntos: 0
display: inline + width y height

Tengo 4 layers (div) que deben medir 60x90 px y estar uno al lado del otro separados por 10 o 20 px.

este es mi codigo:

Código:
<div id='header'><img src='logo'><div class='menu verde'>Empresa</div><div class='menu azul'>Productos</div><div class='menu indigo'>Novedades</div><div class='menu violeta'>Contacto</div></div>

.menu{
	color:#FFFFFF;
	height:60px;
	padding:5px;
	text-align:right;
	vertical-align:bottom;
	width:90px;
	font-size: 9pt;
	font-weight: bold;
	margin: 10px;
}
.verde{
	background: url(img/degradeVerde.png) repeat-x top left;
}
.azul{
	background: url(img/degradeAzul.png) repeat-x top left;
}
.indigo{
	background: url(img/degradeIndigo.png) repeat-x top left;
}
.violeta{
	background: url(img/degradeVioleta.png) repeat-x top left;
}
El tema es que los layers tienen display:block. Si lo cambio a inline o pongo spans, no puedo asignarle ancho ni alto.

display: inline-block trae muchos problemas con los navegadores.

Alguna solucion?
  #2 (permalink)  
Antiguo 07/10/2007, 01:34
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Re: display: inline + width y height

Si usas float, podras hacer lo que pretendes.

float: left a cada uno. Suerte

:D
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #3 (permalink)  
Antiguo 07/10/2007, 10:16
 
Fecha de Ingreso: agosto-2003
Mensajes: 120
Antigüedad: 14 años, 3 meses
Puntos: 0
Re: display: inline + width y height

Buenisimo, con eso se alinearon bien.
Muchas Gracias!!
  #4 (permalink)  
Antiguo 27/01/2008, 11:30
 
Fecha de Ingreso: junio-2007
Mensajes: 79
Antigüedad: 10 años, 5 meses
Puntos: 0
Re: display: inline + width y height

A mi también me sirvió. Grande! :)
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 21:50.