Buenas, he hecho varias webs, pero nunca me he encontrado con el siguiente problema:
Tengo una galería de imagenes en la cual hay unos enlaces que me funcionan en el explorer pero en el firefox ni siquiera sale la mano encima del enlace. Os dejo el codigo y a ver si me echais un cable, he buscado por el foro pero no he encontrado nada, os marco en rojo los enlaces que no funcionan:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Tatuajes en Color</title>
<style type="text/css">
body{background-color: #000000;
}
#contenedor{
border: 8px solid white;
padding:50px ;
margin-left:80px;
margin-right:80px;
width:800px
}
#derecha{
float: right;
margin-right: 15px;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
a {color:white;}
img{border:0;}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid #ffffff;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding:5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
</style>
</head>
<body>
[contenido no disponible]
<div id="contenedor">
<div id="derecha">
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
</div>
<div class="gallerycontainer">
<a class="thumbnail" href="#thumb">[contenido no disponible]<span>[contenido no disponible]
</span></a>
<a class="thumbnail" href="#thumb">[contenido no disponible]<span>[contenido no disponible]
</span></a>
<a class="thumbnail" href="#thumb">[contenido no disponible]<span>[contenido no disponible]
</span></a>
<a class="thumbnail" href="#thumb">[contenido no disponible]<span>[contenido no disponible]
</span></a>
Agradezco de antemano vuestra ayuda
Pepe
Tengo una galería de imagenes en la cual hay unos enlaces que me funcionan en el explorer pero en el firefox ni siquiera sale la mano encima del enlace. Os dejo el codigo y a ver si me echais un cable, he buscado por el foro pero no he encontrado nada, os marco en rojo los enlaces que no funcionan:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Tatuajes en Color</title>
<style type="text/css">
body{background-color: #000000;
}
#contenedor{
border: 8px solid white;
padding:50px ;
margin-left:80px;
margin-right:80px;
width:800px
}
#derecha{
float: right;
margin-right: 15px;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
a {color:white;}
img{border:0;}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid #ffffff;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding:5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
</style>
</head>
<body>
[contenido no disponible]
<div id="contenedor">
<div id="derecha">
[contenido no disponible]</p>
[contenido no disponible]</p>
[contenido no disponible]</p>
</div>
<div class="gallerycontainer">
<a class="thumbnail" href="#thumb">[contenido no disponible]<span>[contenido no disponible]
</span></a>
<a class="thumbnail" href="#thumb">[contenido no disponible]<span>[contenido no disponible]
</span></a>
<a class="thumbnail" href="#thumb">[contenido no disponible]<span>[contenido no disponible]
</span></a>
<a class="thumbnail" href="#thumb">[contenido no disponible]<span>[contenido no disponible]
</span></a>
Agradezco de antemano vuestra ayuda
Pepe