css img bkg firefox

Hola,
tengo un problema con el css de un página:

los fondos que son imágenes, los he definido en el css externo, pero con firefox no los muestra.

No se si hay algo incorrecto, pero este es el código:

Código :

<tr>
<td class="foot"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15" height="40"><img src="imgs/trans.gif" width="15" height="15"></td>
</tr></table>
</td></tr>

y "foot" está definido en el css:

.foot{
background-attachment: fixed;
background-image: url(../imgs/peu.gif);
background-repeat: no-repeat;
background-position: left top;
}

y relacionado con esto, hay otro estilo que tampoco puedo visualizar con firefox:

Código :

<tr class="menuout" onClick="parent.location.href='vol1.html'" onMouseOver="this.className='menuover'" onMouseOut="this.className='menuout';">
<td height="20" valign="middle">Primer Volum</td>
</tr>

en el que "menuout" y "menuover" también estan en el css:

.menuout {
font-family: "Trebuchet MS";
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #990000;
text-decoration: none;
vertical-align: middle;
background-attachment: fixed;
background-image: url(../imgs/menu_out.gif);
background-repeat: no-repeat;
background-position: left top;
}

A qué se debe el hecho que no pueda visualizar estos fondos de imágenes con firefox y si con explorer?

Muchas gracias![/code]

fanhunter, te recomiendo le eches un ojo a los tutoriales de css que están en esta misma página, ya que en esencia vas por los buenos pasos... pero usando tablas cuando se deben usar divs

un saludo

Gracias por responder.
La verdad es que desconocia el uso de los divs (me enseñaron a trabajar organizando los contenidos en tablas anidadas).

He leido todos los tutoriales tal y como me has recomendado, y empezaré a ponerlo en práctica.

El único problema es que ya tenia toda la web montada con tablas, y tengo que entregarla en un par de días, así que si me puedes recomendar alguna solución para salir del paso, y que me funcione el rollover que he comentado antes con firefox... me harás un favor enorme!

p.s. prometo ponerme al dia con los div!

Puedes pone run vinculo a lo que estas haciendo? la verdad no entiendo bien lo que haces, seria mas facil verlo funcionando.

Por supuesto:

http://www.telefonica.net/web2/gsabate/test/

(los rollovers estan en la página que se carga en el iframe de la izquierda).

gracias por adelantado!

La verdad no entiendo que es todo esto

Código :

  <tr class="menuout" onClick="parent.location.href='corpus.html'" onMouseOver="this.className='menuover'" onMouseOut="this.className='menuout';">
    <td height="20" valign="middle"><img src="imgs/trans.gif" width="20" height="15">Corpus Biblicum Catalanicum</td>

todo eso lo hubieras hecho con una simple lista y vinculos normales, eso ya es JS, ni idea cual es el problema

gracias igualmente por mirartelo.

como este js solamente está en una página, creo que intentaré montarla como explicáis en el tuto del menú con lista, a ver si lo consigo.

hasta pronto!

Para empezar:

Me parece que en archivo "tmc.css" no tienes declarado el selector .foot y en el codigo de la pagina si esta declarado, pero esta deshabilitado:

Código :

<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #ebebeb;
}
.foot {
   background-attachment: fixed;
   background-image: url(imgs/peu.gif);
   background-repeat: no-repeat;
   background-position: left top;
}
-->

si ves??
a lo mejor es eso...

Los pequenos problemas que se crean por no usar estandares.

Es un hecho, los estandares crean soluciones, nos ayudan a hacer la vida mas facil en muchos aspectos.

PD: Y a la ves nos traen nuevos problemas.

Por cierto, igualmente recomiendo el uso de divs en lugar de tablas...

pichichi, gracias por la observación.

en principio los estilos estan en tmc.css, pero me olvidé de ese .foot repetido después de mil pruebas distintas en estado de desesperación

ya me he puesto manos a la obra con los divs... de todos modos, por curiosidad: porqué es más aconsejable usar divs en lugar de tablas?

muchas gracias!

Bueno, yo creo que al final es cuestion de gustos. Yo le veo como ventaja que con divs creas layouts mas flexibles y personalizados.

No es cuestion de gustos, es cuestion de estandares, de semantica, de orden...

Acostumbro decir que la unica razon que necesitamos para no disñar con tablas, es que estas no estan hechas para dividir el documento en secciones, los div si estan hechos para eso.

ramm escribió:

el problema esta en esas clases que el cambia con JS, esas clases no han cargado las iamgenes de fondo, y tampoco las cargan porque el tiempo de ejecución ya ha sido cerrado al cargar la página y no hay nada que le diga que cargue la imagen, la alternativa estandar es muhco mejor y mas comoda.
la puedes encontrar aqui:
http://www.cristalab.com/tutoriales/130/crear_menus_de_navegacion_en_css_usando_listas

ya recurrí a ese tutorial y finalmente monté el menu con lista y links normales, y funciona a la perfección!

gracias por la explicación sobre pq no funciona el js... a lo mejor habria funcionado si previamente hecho la carga de las imagenes? (otro js que haga el preload...).

Una última pregunta:
si quiero diferenciar uno de los elementos de la lista (que tenga un bkg distinto), debo eliminar la parte que toma todos los links como un bloque:

display:block;

y añadir el id correspondiente a cada elemento de la lista??

hmm.. no le quites el display:background; solo pon ids y backgrounds.

muchas gracias!
solamente tenia que quitar el id de ul, y poner el id correspondiente a cada li.

no se que haria sin vosotros...

Pues normalmente , estos archivos de CSS vienen acompañados de otros en php, los cuales se modifican facilmente , lo mismo pasa con los rss y xml vienen acompañados normalmente solo son fuente de informacion