Foros del Web » Creando para Internet » CSS »

Footer background repetible en horizontal, ayuda por favor

Estas en el tema de Footer background repetible en horizontal, ayuda por favor en el foro de CSS en Foros del Web. Hola gente, estaba buscando una solución a cierto problema que me ha surgido mientras creaba un template para joomla. Se que no debe ser muy ...
  #1 (permalink)  
Antiguo 20/12/2008, 00:39
 
Fecha de Ingreso: agosto-2007
Mensajes: 16
Antigüedad: 10 años, 3 meses
Puntos: 3
Footer background repetible en horizontal, ayuda por favor

Hola gente, estaba buscando una solución a cierto problema que me ha surgido mientras creaba un template para joomla. Se que no debe ser muy difícil porque he visto cosas similares en varias webs, pero es algo que siempre quise hacer y nunca encontré el cómo.

La cosa es simple, me gustaría poner una ilustración en la parte de abajo de mi web y que se quedase ahí.

Sabría poner la imagen abajo en lo que viene siendo la zona de contenido, pero me pierdo al hacer que continue en los laterales. Más que nada me pregunto si hay alguna forma de establecer un fondo sobre el fondo principal.

Si mi explicación no fue lo suficientemente clara, tengo una imagen aquí de la web para ilustrar la situación: http://i39.tinypic.com/33fb7v7.jpg

De lo que hablo es de la parte granate de abajo con el degradado, la idea sería hacer un png de dimensiones anchas para que el degradado se viese perfecto en todas las resoluciones, aunque si pudiese hacerse repetible también me valdría.

Saludos, y gracias de antemano

Última edición por Fleiva; 20/12/2008 a las 00:47
  #2 (permalink)  
Antiguo 20/12/2008, 07:29
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Footer background repetible en horizontal, ayuda por favor

pero le pones simplemente un png de 1px de ancho por el alto que quieras q tenga el degrade y lo repetis en x, de ultima tendra q meterlo dentor de otro contenedor pero no mas que eso
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 20/12/2008, 10:49
 
Fecha de Ingreso: agosto-2007
Mensajes: 16
Antigüedad: 10 años, 3 meses
Puntos: 3
Respuesta: Footer background repetible en horizontal, ayuda por favor

Y como hago para que ese div quede abajo siempre, sin importar lo largo que sea el texto principal?
  #4 (permalink)  
Antiguo 20/12/2008, 11:18
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Footer background repetible en horizontal, ayuda por favor

mira en estos enlaces que hizo Mikel con el pie siempre abajo

http://araudi.net/ejemplos/conjunta.html

http://araudi.net/ejemplos/pie_siempre_abajo.html
__________________
WFC
codigo82
  #5 (permalink)  
Antiguo 20/12/2008, 13:12
 
Fecha de Ingreso: agosto-2007
Mensajes: 16
Antigüedad: 10 años, 3 meses
Puntos: 3
Respuesta: Footer background repetible en horizontal, ayuda por favor

No lo pillo :<

Me pongo a mirar con el firebug y a probar lo que el pone pero no me sale nada, gracias igualmente.
  #6 (permalink)  
Antiguo 22/12/2008, 07:15
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Footer background repetible en horizontal, ayuda por favor

Cita:
Iniciado por Fleiva Ver Mensaje
No lo pillo :<.
que es lo que no pillas, el código de Mikel?, esta en el código fuente
__________________
WFC
codigo82
  #7 (permalink)  
Antiguo 23/12/2008, 00:02
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Footer background repetible en horizontal, ayuda por favor

Hola:

Para un gradiante no es necesario una imagen ancha, basta con 1 pixel de grosor, y para que se repita horizontalmente basta con usar background-repeat: repeat-x.
Y background-position: bottom:

Código:
body {
 background: yellow url(fondo.gif) repeat-x bottom;
}
El gradiente puedes conseguirlo en esta página: Gradientes (php + librerías GD)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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 19:15.