header i footer para una misma caja

[zarcorian]

Hola,

Alguien sabe como crear cajas que tengan una imagen de fondo en la parte superior y otra distinta en la parte inferior?

Es necessaria hacer cajas anidadas, o existe otra forma ??

un saludo

[kseso?]

múltiples background (css3), imágenes colocadas en el html como "position: absolute" en top y bottom, una mezcla de las dos (1 vía background otra vía src)... y seguro que en función del marcado html que use se podría utilizar alguna etiqueta de las ya existentes para colocar alguna de las imágenes...
Así, sin aportar código, poco más que generalidades se le pueden ofrecer.

[zarcorian]

Hola kseso, gracias por contestar !!

No tengo código todavia, sólo es una idea.

Lo que pretendo hacer es crear un tipo de contenedor que tenga una decoración en la parte superior y otra en la parte inferior, pero que el contenedor se haga mas grande o mas pequeño en funcion del texto que tenga dentro.

algo así como un recuadro que emmarque el texto, pero con una imagen arriba y otra abajo, no se si me explico.

de todas formas gracias por los apuntes, los tendré en cuenta!!

un saludo,

[kseso?]

¿decoración es degradado? Esto es, ¿comienza en un color, termina en otro y el intermedio es una transición del primero al segundo?
Gradientes css3

[zarcorian]

Lo que pretendo hacer es algo parecido a los paneles de esta web...

http://www.metin2.es

Si miramos por ejemplo el menú de la izquierda, usan 3 divs... uno donde colocan la imagen de la cabecera, otro donde ponen los botones de menu y otro donde colocan la imagen del pie.

Mi pregunta era si es possible hacerlo en un solo div... es decir, assignar tres imagenes de fondo a un mismo div. Una imagen en la posición top, una imagen en la posición bottom y una tercera imagen como background general.

De esta forma cada vez que quiera repetir el modelo de caja, únicamente tengo que usar un solo div y el codigo queda mucho mas limpio.

Por lo que me has comentado en las anteriores respuestas deduzco que no es possible a menos que se trate de un degaradado, que se haria con CSS3.

De todas formas, muchas gracias por tu tiempo !!

un saludo.

[sanxuan]

Yo interpreto que lo que te han dicho es que usando css3 sí es posible, aunque no está asegurado que vaya a funcionar en todos los navegadores. Además aparecen otras alternativas al css3 en la respuesta.
Creo que solo se puede ampliar el catálogo haciendo uso de lenguajes de programación.
Un saludo.

[kseso?]

¡Acabáramos por explicarnos! Lo que ha dicho por fin en #5 hubiese estado muy bien en #1.

Creo que ese podría ser el típico ejemplo de cambiar table/tr/td por div/div/div pero sin cambiar el chip. Esto es, cambiar etiquetas pero seguir con la misma mentalidad.

Claro que se podrían ahorrar div´s. Pero no es cuestión analizar o depurar trabajos de terceros que no lo han pedido.
Lo que debería hacer es publicar su trabajo propio y concreto, y en base a él recibirá sugerencias de mejoras.

Un ejemplo ya bastante antiguo de una consulta muy particular en el foro fue éste. Quizás le pueda servir como enfoque.