imagenes de fondo fijas

Citar

Escrito el 01 Oct 2004 06:53 pm

Hola, tengo un problema. Hice un estilo CSS en el que pongo una imagen de fondo pero que no se desplaza ni se repite, en IE anda bien pero en Firefox se desplaza! Al estilo lo hice con el DW qué puede estar mal?

Por Smithy

159 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 02 Oct 2004 02:24 am

¿URL para poder ver el HTML y su comportamiento?

Por si acaso, Cristalab en el home tiene un CSS que hace lo mismo; puedes mirar el codigo CSS respectivo a la etiqueta BODY

http://www.cristalab.com/CSS/clab2.css

Espero que te sirva

PD. Y funciona en todas las plataformas

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino Admin

Envíale un mensaje privado Web

Conserje de Cristalab

@freddier

Citar

Escrito el 02 Oct 2004 04:52 pm

ok, thx

Sin embargo lo que yo quería era que no se repitiera para nada o sea ni horizontalmente ni verticalmente. Pero bueno ya lo solucioné sólo había que borrar una línea

background-attachment: fixed;

Por Smithy

159 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 20 Jun 2005 11:10 pm

Código :

background:url(carpeta/imagen.png) no-repeat;

Asi no se repite tu fondo basado en una imagen, esto se usa mucho para las listas <li> .

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 21 Jun 2005 09:04 am

the_NEO_JP escribió:

Código :

background:url(carpeta/imagen.png) no-repeat;

Asi no se repite tu fondo basado en una imagen, esto se usa mucho para las listas <li> .

Neo_JP == gurú del css :lol:

También lo puedes hacer de otra forma, ocupa un poco más, pero si estás empezando en css te será más fácil entenderlo:

Código :

{
background-image:url(carpeta/imagen.png);
background-repeat:no repeat;
background-position:center;
}

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 22 Jun 2005 08:02 am

Este es un ejemplo de en que y como usar el background y no-repeat.

http://inkaminosaventura.com/pronto/

Código :

   body {
      background:#666666 url("../images/pronto.png") center center no-repeat;
      margin:0px;
      }

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 22 Jun 2005 08:33 am

sos groso! :lol:

(muy bueno)

sólo una cosa para mencionar, todos las formas que se han puesto son igualmente válidas, obviamente unas ocupan menos espacio que otras, pero cuidado con el orden, si no se sigue ese orden no funcionará!!!

buen trabajo de nuevo neo...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 22 Jun 2005 09:25 pm

Johnny escribió:

si no se sigue ese orden no funcionará!!!

Asi es!