como hacer un cuadro sobre otro

marcoss2009 · #1 (**permalink**) 23/12/2011, 13:54

hola, quisiera saber como hacer un cuadro que tenga otro cuadro más chico encima.
como se ve en esta imagen:

gracias

emprear · #2 (**permalink**) 23/12/2011, 14:12

Buscá información sobre el uso de la propiedad position de css, un ejemplo
http://www.vidamrr.com/2011/07/uso-d...on-en-css.html
y también sobre el uso de z-index

Experimentá un poco con eso a ver que resultados obtenés, y si tenés dudas consultanos

Saludos

kseso? · #3 (**permalink**) 23/12/2011, 14:15

Propiedad position
Especificaciones oficiales (Esp)
Ejemplificada

Edito:
Por información y enlaces que no sea.

marcoss2009 · #4 (**permalink**) 23/12/2011, 14:26

Cita:

Iniciado por emprear

Buscá información sobre el uso de la propiedad position de css, un ejemplo
[url]http://www.vidamrr.com/2011/07/uso-de-la-propiedad-position-en-css.html[/url]
y también sobre el uso de z-index

Experimentá un poco con eso a ver que resultados obtenés, y si tenés dudas consultanos

Saludos

gracias, este tuto me sirvio, tambien agradesco al otro usuario por comentar, para quien quiera el cuadro, dejo el source:

Código HTML:

<html><head><title></title><style>#tres, #cuatro, #cinco {
    height: 100px;
    width: 100px;
}
#tres {
    background-color: #0000FF;
}
#cuatro {
    background-color: #FF0000;
    right: -800px;
    position: relative;
    top: -130px;
}
#cinco {
    background-color: #00FF00;
    width: 950px;
}</style></head><body><br><br><br><br><div id="cinco"><br><br><br><br><div id="cuatro"></div></div></body></html>