Foros de daboweb
MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación => Webmasters - Diseño Web - Programación - Diseño gráfico => Mensaje iniciado por: WillyN 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.
-
Sobre lo de la imagen no puedo ayudarte, el foro me gusta, concuerda bien con los colores de la web.
-
Eso pasa porque no todos los navegadores interpretan el código de la misma forma, en este caso concreto:
<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:
background-image:
url('images/fondow.jpg');
background-repeat:
no-repeat;
background-attachment:
fixed
Te tiene que quedar tal que así:
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 ;-)
-
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.
-
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 :)
-
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
{
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.
-
¿No lo ves? ¿No ves donde pone body? Aproximadamente la línea 12 del texto que has citado :???:
-
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.
-
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:
-
Yo he hecho una prueba y me iba bien, quizás si eliminas no-repeat se expanda la imágen.
background-repeat:
no-repeat;
Eliminas solo el no y el guión (-)
background-repeat:
repeat;
-
Así ha quedado de lujo Liamngls. :)
Muchas gracias.
-
Me alegro, damos el tema por solucionado.
;-)