Buenas Tardes,
Tengo una duda respecto a los sprites css, había pensado crear un div de unos 700 pixels de ancho y unos 600(ó Xpx) de alto por ejemplo, y diseñar un fondo mediante una imagen que contenga los bordes redondeados, unas sombras, o lo que sea.
entonces, había pensado en crearlo de la siguiente forma:
Código PHP:
<div style="width: 700px;">
<div id="tapadera_arriba" style="width:100%;height:25px;background: url('img.png') top center no-repeat;"></div>
<div id="centro_contenido" style="width:100%;background: url('img.png') center 50px repeat-y;">
......................<br />
......................<br />
......................<br />
......................<br />
......................<br />
......................<br />
......................
</div>
<div id="tapadera_abajo" style="width:100%;height:25px;background: url('img.png') bottom center no-repeat;"></div>
</div>
Pero el resultado está lejos de ser el deseado...:
En ésta última, he recortado manualmente una tira horizontal y he utilizado el mismo método,pero claro, ya son 2 imágenes...
En fin, no sé si lo que intento hacer en realidad se puede hacer, pero si se pudiera... mejoraría notablemente el rendimiento de mi sitio...
Gracias por adelantado por vuestra ayuda y espero haberme expresado bien
