Autor Tema: Fijar imagen de fondo (SOLUCIONADO)  (Leído 8770 veces)

Desconectado WillyN

  • Member
  • ***
  • Mensajes: 234
    • Escuela Canina Maya
Fijar imagen de fondo (SOLUCIONADO)
« en: 16 de Octubre de 2006, 08:50:35 pm »
Hola amigos,

Me ha surgido una consulta.

Si mires mi web verás que tiene una imagen de fondo en todas sus paginas. Antonio había conseguido que esa imagen se quedaba fija mientras el texto se mueve mientras que te desplazas por el texto.

Hoy me he dado cuenta de que ese efecto si se produce en el IExplorer pero no en el FFox.

¿Porque puede ser eso y sobre todo, hay forma de arreglar ese fallo en el Firefox?

¿Y de paso, mira un momento mi foro, a ver que os parece su nuevo aspecto?

Pero sobre todo me interesa aclarar la primera pregunta. :cool:

Saludos,

Willy.
Si te interesa el comportamiento de los perros, visíta Escuela Canina Maya

Desconectado Losek

  • Member
  • ***
  • Mensajes: 171
    • Sotem.es
Fijar imagen de fondo
« Respuesta #1 en: 16 de Octubre de 2006, 09:40:21 pm »
Sobre lo de la imagen no puedo ayudarte, el foro me gusta, concuerda bien con los colores de la web.
Sotem.es :: Servicios profesionales en internet

Desconectado Liamngls

  • Administrator
  • ******
  • Mensajes: 15688
    • Manuales-e
Fijar imagen de fondo
« Respuesta #2 en: 16 de Octubre de 2006, 10:28:29 pm »
Eso pasa porque no todos los navegadores interpretan el código de la misma forma, en este caso concreto:

Código: [Seleccionar]
<body background="images/fondow.jpg" bgproperties="fixed"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
<table border="0" width="100%" id="table1">

bgproperties="fixed" es el indicador que fija la imágen pero solo funciona en el Internet Explorer.

Creo que puedes hacerlo con CSS y sería algo así, en el archivo CSS busca la parte body y añade lo siguiente:

Código: [Seleccionar]
background-image:
url('images/fondow.jpg');
background-repeat:
no-repeat;
background-attachment:
fixed

Te tiene que quedar tal que así:

Código: [Seleccionar]
body
{
font-family: Arial;
background-color: rgb(204,204,204);
color: #000066;font-size:12pt
       background-image:
       url('images/fondow.jpg');
       background-repeat:
       no-repeat;
       background-attachment:
       fixed
}

Creo recordar que tenías una copia en local.... pruébalo a ver que tal.

Separamos esta consulta en un tema nuevo  ;-)

Desconectado WillyN

  • Member
  • ***
  • Mensajes: 234
    • Escuela Canina Maya
Re: Fijar imagen de fondo
« Respuesta #3 en: 16 de Octubre de 2006, 11:19:23 pm »
Hola,

Buena idea, lo de separar el tema.

Si que tengo una copia en local, pero la verdad es que no encuentro un .css. ¿Podría tener otro nombre?

Saludos,

Willy.
Si te interesa el comportamiento de los perros, visíta Escuela Canina Maya

Desconectado Liamngls

  • Administrator
  • ******
  • Mensajes: 15688
    • Manuales-e
Re: Fijar imagen de fondo
« Respuesta #4 en: 16 de Octubre de 2006, 11:29:33 pm »
El archivo concretamente se llama heecm2.css, lo que no sé es en donde está alojado concretamente, si acaso puedes probar con el buscador de windows desde la barra de inicio.

PD: Curioso nombre para la hoja de estilos: Hoja de Estilos Escuela Canina Maya ... heecm2.css :)

Desconectado WillyN

  • Member
  • ***
  • Mensajes: 234
    • Escuela Canina Maya
Re: Fijar imagen de fondo
« Respuesta #5 en: 16 de Octubre de 2006, 11:50:01 pm »
Antes de que se me olvida,

Gracias por lo que me dijiste de mi foro. ¿No crees que el verde de las letras es demasiado fuerte?

Encontré la heecm2, pero ahí apenas hay algo.

Te lo copio aquí, por mucho que me temo que el quote va a ser largo: :ciego:
a:link
Citar
{
   color: rgb(204,0,0);
}
a:visited
{
   color: rgb(102,0,0);
}
a:active
{
   color: rgb(0,0,204);
}
body
{
   font-family: Arial;
   background-color: rgb(204,204,204);
   color: #000066;font-size:12pt
}
table
{
   table-border-color-light: rgb(102,153,255);
   table-border-color-dark: rgb(0,0,102);
}
h1, h2, h3, h4, h5, h6
{
   font-family: Arial;
}
h1
{
   color: #000000;
}
h2
{
   color: rgb(0,153,51);
}
h3
{
   color: rgb(204,51,51);
}
h4
{
   color: rgb(51,0,204);
}
h5
{
   color: rgb(0,153,51);
}
h6
{
   color: rgb(204,51,51);
}

Puedes algo con esto, yo desde luego no veo donde colocar lo que me recomiendas.
Si te interesa el comportamiento de los perros, visíta Escuela Canina Maya

Desconectado Liamngls

  • Administrator
  • ******
  • Mensajes: 15688
    • Manuales-e
Re: Fijar imagen de fondo
« Respuesta #6 en: 17 de Octubre de 2006, 12:09:59 am »
¿No lo ves? ¿No ves donde pone body? Aproximadamente la línea 12 del texto que has citado  :???:

Desconectado WillyN

  • Member
  • ***
  • Mensajes: 234
    • Escuela Canina Maya
Re: Fijar imagen de fondo
« Respuesta #7 en: 17 de Octubre de 2006, 12:21:15 am »
No, no lo veo. :ciego: :destroyer:

Estaba buscando algo más que soalmente la palabra body.

¡Vaya novatazo! :cry:

Lo probaré y te contaré.

Gracias Liamgls.
Si te interesa el comportamiento de los perros, visíta Escuela Canina Maya

Desconectado WillyN

  • Member
  • ***
  • Mensajes: 234
    • Escuela Canina Maya
Re: Fijar imagen de fondo
« Respuesta #8 en: 17 de Octubre de 2006, 12:25:15 am »
Algo hace,

Pero ahora se me mueve todo, el logo que está en el centro, los botones de arriba, todo. Además, la imagen del fondo se queda estrecha, solamente ocupa la tres cuarta parte de la izquierda de la pantalla.

Perdón. :ciego:
Si te interesa el comportamiento de los perros, visíta Escuela Canina Maya

Desconectado Liamngls

  • Administrator
  • ******
  • Mensajes: 15688
    • Manuales-e
Re: Fijar imagen de fondo
« Respuesta #9 en: 17 de Octubre de 2006, 01:48:06 am »
Yo he hecho una prueba y me iba bien, quizás si eliminas no-repeat se expanda la imágen.

Código: [Seleccionar]
background-repeat:
no-repeat;

Eliminas solo el no y el guión (-)

Código: [Seleccionar]
background-repeat:
repeat;

 

Aviso Legal | Política de Privacidad | Política de Cookies

el contenido de la web se rige bajo licencia
Creative Commons License