Foros del Web » Creando para Internet » CSS »

header i footer para una misma caja

Estas en el tema de header i footer para una misma caja en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/03/2011, 09:50
Avatar de zarcorian  
Fecha de Ingreso: marzo-2011
Ubicación: aquí
Mensajes: 113
Antigüedad: 13 años
Puntos: 3
header i footer para una misma caja

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
  #2 (permalink)  
Antiguo 15/03/2011, 10:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: header i footer para una misma caja

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.
  #3 (permalink)  
Antiguo 15/03/2011, 10:20
Avatar de zarcorian  
Fecha de Ingreso: marzo-2011
Ubicación: aquí
Mensajes: 113
Antigüedad: 13 años
Puntos: 3
Respuesta: header i footer para una misma caja

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,
  #4 (permalink)  
Antiguo 18/03/2011, 13:58
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: header i footer para una misma caja

¿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
  #5 (permalink)  
Antiguo 18/03/2011, 14:51
Avatar de zarcorian  
Fecha de Ingreso: marzo-2011
Ubicación: aquí
Mensajes: 113
Antigüedad: 13 años
Puntos: 3
Respuesta: header i footer para una misma caja

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.
  #6 (permalink)  
Antiguo 18/03/2011, 16:46
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 2 meses
Puntos: 36
Respuesta: header i footer para una misma caja

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.
  #7 (permalink)  
Antiguo 19/03/2011, 09:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: header i footer para una misma caja

¡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.

Etiquetas: caja, footer, header
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:54.