No llevo mucho tiempo trabajando en la creación de páginas web, pero esto no me había pasado nunca. La foto de imagen y los botones no aparecen. Yo tengo la imagen sólo como fondo con un css, y encima tengo una tabla con el registro que tiene que hacer el usuario. En IE no hay problema, pero mi sorpresa ha sido al ver que en Firefox no se ve ni la imagen, ni los botones. He probado poniendo la ruta a través del servidor y nada, le he cambiado la foto a la imagen y tampoco, así como he comprobado si esa imagen existía, poniendo la dirección, y sí que existe. No sé qué puedo hacer, porque no he visto más opciones de solución en el foro. ¿Alguien me puede ayudar?. Aquí os dejo la dirección y el css:
Código HTML:
.centrar {
text-align: center;
vertical-align: middle;
}
.centrardiv {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
text-align: center;
margin-right: 90px;
margin-top: 5px;
}
.centrardiv2 {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
text-align: center;
margin-left: 50px;
margin-top: 5px;
}
.tituloregistro {
font-family: "Times New Roman", Times, serif;
font-size: 24px;
font-weight: bold;
color: #000;
padding-left: 50px;
}
.formulario {
font-family: "Comic Sans MS", cursive;
font-size: 15px;
color: #000;
text-align: justify;
width: 320px;
margin-left: 60px;
height: 15px;
vertical-align: text-top;
padding-top: 5px;
}
.huesopedigri {
background-image: url(imagenes/huesopedigri.gif);
background-repeat: no-repeat;
background-position: center;
text-align: center;
}
.verificacion {
text-align: center;
vertical-align: middle;
}
.examinar {
width: 350px;
margin-left: 50px;
background-color: #FFF;
}
.centrartabla {
text-align: left;
margin: auto;
}
.hueso {
background-image: url(imagenes/hueso.gif);
background-repeat: no-repeat;
}
.inicio {
background-image: url(imagenes/animalcontact.png);
height: 768px;
width: 1024px;
background-repeat: no-repeat;
}
.boton {
background-image: url(imagenes/botones.gif);
background-repeat: no-repeat;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
text-align: center;
background-position: center;
}
.boton2 {
background-image: url(imagenes/botones2.gif);
background-repeat: no-repeat;
background-position: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
text-align: center;
margin-top: -5px;
}
.usuarioinicio {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
vertical-align: baseline;
margin-top: 8px;
}
.botonentra {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #FFF;
background-color: #308B5B;
margin-left: 160px;
margin-top: 25px;
}
.passwordinicio {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
vertical-align: text-bottom;
margin-top: -3px;
}
.boton3 {
background-image: url(imagenes/botones4.gif);
background-repeat: no-repeat;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
text-align: center;
white-space: nowrap;
background-position: 75px;
}
.boton4 {
background-image: url(imagenes/botones3.gif);
background-repeat: no-repeat;
background-position: 80px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bolder;
}
.fondoregistro {
background-image: url(imagenes/registro.gif);
background-repeat: no-repeat;
height: 768px;
width: 1024px;
}
.foto {
height: 18px;
width: 200px;
margin-left: 100px;
margin-top: 13px;
}
