Página 1 de 1

Como poner background que no se repita verticalmente

Publicado: 26 May 2010, 00:18
por martin3h
Haber amigos quien me ayuda que ponerle un background a mi foro en forma de degradado que se repita horizontalmente pero no verticalmente ya que se ve mal al repetirse la imagen verticalmente :cachas: :bravo:
en este monento no tengo el background puesto pero quisiera ponerlo........ haber quien me ayuda

mi foro es nuevo recien instalado ... para los que tengan experiencia codificando el foro agradeceria que me ayudaran ... se viene con todo Tor0 Roj0 :D

Re: Como poner background que no se repita verticalmente

Publicado: 26 May 2010, 01:05
por HuanManwe
Según leo en: http://www.w3schools.com/css/pr_background-repeat.asp

Property Values
Value Description
repeat The background image will be repeated both vertically and horizontally. This is default
repeat-x The background image will be repeated only horizontally
repeat-y The background image will be repeated only vertically
no-repeat The background-image will not be repeated
inherit Specifies that the setting of the background-repeat property should be inherited from the parent element

Por lo tanto creo que lo que buscas se arregla poniendo:

Código: Seleccionar todo

background-repeat: repeat-x;

Re: Como poner background que no se repita verticalmente

Publicado: 26 May 2010, 07:21
por memoadian
Asi es, es una propiedad css, que puede tener 3 valores segun recuerdo
non-repeat; que no se repite en ningun caso
repeat-y; que se repite sobre el eje de las y (a lo alto)
repeat-x; que se repite sobre el eje de las x (a lo ancho)

Re: Como poner background que no se repita verticalmente

Publicado: 26 May 2010, 08:58
por HuanManwe
y te falta una cuarta posibilidad:
repeat; que se repite tanto horizontal como verticalmente.

Re: Como poner background que no se repita verticalmente

Publicado: 26 May 2010, 16:16
por memoadian
HuanManwe escribió:y te falta una cuarta posibilidad:
repeat; que se repite tanto horizontal como verticalmente.
aunque ese valor no es necesario ponerlo, ya que el servidor lo coloca por defecto, es decir si se coloca:

Código: Seleccionar todo

background-image:url(url de la imagen); 
es lo mismo que

Código: Seleccionar todo

background-image:url(url de la imagen) repeat; 
o

Código: Seleccionar todo

background-image:url(url de la imagen);
repeat: repeat;