Foros del Web » Creando para Internet » CSS »

Poner un div, encima de otro , dentro de otro div.

Estas en el tema de Poner un div, encima de otro , dentro de otro div. en el foro de CSS en Foros del Web. Hola a todos, Bueno, lo que quiero hacer es muy complejo y no se si se pueda hacer. Realmente espero que si xD Quiero poner ...
  #1 (permalink)  
Antiguo 16/06/2010, 10:21
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
Poner un div, encima de otro , dentro de otro div.

Hola a todos,

Bueno, lo que quiero hacer es muy complejo y no se si se pueda hacer. Realmente espero que si xD

Quiero poner una div, encima de otro y estos dos dentro de otro div.

Todo perfecto, solamente que los div tendran color como si fueran un contador de algo y mostraran el % de algo... el ultimo div [primero que se ve xD] tendra un color supongamos con un 40%, el 2do tendra un color mas clarito y tendra un 49% el 3ero tendra un borde y un 100%

esta asi

100{
49%{
40%
}
}

ok?

el problema es que sale asi:

1-.
el de 100 y luego los otros, uno despues del otro, en fila para abajo.

2-. el 49% lo toma del 100%. Pero el 40% lo toma del 49% y yo quiero que lo tome del 100%

Alguna idea?

Les dejo los codes :S

Código:
<div id="puntos">
      <div style="width:<? echo $row['salud2']; ?>%" id="puntos_2"></div>
      <div style="width:<? echo $row['salud']; ?>%" id="puntos_3"></div>
    </div>
Código CSS:
Ver original
  1. #puntos_3 {
  2.     background-color: #30F;
  3.     height: 15px;
  4.     z-index: 300;
  5.     position:relative;
  6. }
  7. #puntos_2 {
  8.     background-color: #36F;
  9.     height: 15px;
  10.     z-index: 200;
  11.     position: relative;
  12. }
  13. #puntos {
  14.     margin: 5px;
  15.     border: thin solid #000;
  16.     height: 15px;
  17. }


Gracias
  #2 (permalink)  
Antiguo 16/06/2010, 10:55
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Poner un div, encima de otro , dentro de otro div.

Hola Edig

Y si utilizas para dar transparencias a esos div background con png con las transparencias ajustadas a tus necesidades. Esto te evitaría muchos problemas de códigos.

Saludos
  #3 (permalink)  
Antiguo 16/06/2010, 11:25
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
Respuesta: Poner un div, encima de otro , dentro de otro div.

Pero seria el mismo porblema no?

en vez de background-color
seria background-image

:S
2-. el 49% lo toma del 100%. Pero el 40% lo toma del 49% y yo quiero que lo tome del 100%

Logica:

49% -> 100%
40% -> x

x = (40*100)/49
x = 81.63%

81.63% de 49% = 40% de 100%

Espero que entiendan xD

Saludos


PD. Ya lo resolvi. Un regla de tres simpre
  #4 (permalink)  
Antiguo 16/06/2010, 11:28
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Poner un div, encima de otro , dentro de otro div.

Ah! ya... estábamos hablando de aritmética y no de reglas css. Es que no te había entendido.

Si lo tienes resuelto, OK (de eso se trata)

Bye
  #5 (permalink)  
Antiguo 16/06/2010, 11:49
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
Puntos: 12
Respuesta: Poner un div, encima de otro , dentro de otro div.

Pues lo pude resolver con matematicas, y funciono solo por que tenia todo en variables, si no pues hubiese sido complicado o chance y ni se podria...

Y pues si no se puede en css recurro a las matematicas jajaja xD

Etiquetas: encima, poner
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 08:51.