Hola, estoy haciendo la estructura de mi web pero he llegado a un punto que no se como hacer cierta tare llevo 1 día probando un montón de cosas pero nada de nada.
Yo quiero hacer un rectangulo pero con imágenes, el rectángulo debe de constar de los siguientes lados:
top left, top center, top right,
left, center, right;
bottom left. bottom center, bottom right;
quedando de la siguiente forma.
pero no se como hacerlo para que ciertos div tengan el tamaño dinámico dependiendo de los div que hayan en el.
La últimas pruebas que estoy haciendo son las siguientes:
.contenido{
display:block;
background-color:white;
position:absolute;
top:80px;
width:1100px;
height:auto;
}
.contenido_top{
display:block;
background-color:red;
width:auto;
height:auto;
}
.contenido_top .l {
display:block;
background-image: url("images/background/tl.png");
background-repeat: no-repeat;
width:12px;
height:12px;
}
.contenido_top .c {
display:block;
background-image: url("images/background/t.png");
background-repeat: repeat-x;
width:auto;
height:12px;
}
.contenido_top .r {
display:block;
background-image: url("images/background/tr.png");
background-repeat: no-repeat;
width:12px;
height:12px;
}
Es posible lo siguiente?
y que el div de la clase c1 coja el tamaño de c2