Foros del Web » Creando para Internet » CSS »

Problema con Galeria de Fotos en CSS

Estas en el tema de Problema con Galeria de Fotos en CSS en el foro de CSS en Foros del Web. Necesito ayuda, Estoy implementado la siguiente galeria en mi propia pagina http://www.cssplay.co.uk/menu/scroll_gallery.html Todo trabaja bien en mi pagina, el problema es que no me aparece ...
  #1 (permalink)  
Antiguo 18/06/2006, 17:21
 
Fecha de Ingreso: diciembre-2004
Mensajes: 160
Antigüedad: 13 años
Puntos: 0
Problema con Galeria de Fotos en CSS

Necesito ayuda,

Estoy implementado la siguiente galeria en mi propia pagina

http://www.cssplay.co.uk/menu/scroll_gallery.html

Todo trabaja bien en mi pagina, el problema es que no me aparece la imagen en el div "scrollbox", solo se mira un recuadro vacio, sin embargo al presiona sobre ese recuadro vacio me aparece la imagen correcta apliada en la parte superior.

He notado que la imagen me dejó de aparecer cuando le puse el tag <span> </span>entre el <a> y el </a>

Aquí les pongo mi codigo modificado, pero no se por qué me da ese problema. Si alguien me pueda ayudar.

--------------- html ---------------
<div id="info">
<div id="pad"></div>
<div class="slidek"></div>
<div id="scrollbox">
<div id="thumbs">
<a class="gallery slidea" href="#nogo" ><span><img src="ImagenAnuncios/BR000001_1.JPG" />uno</span></a>
<a class="gallery slidea" href="#nogo" ><span><img src="ImagenAnuncios/BR000365_2.JPG" />dos</span></a>
</div>
</div>
</div> <!-- end of info -->

---------- el codigo CSS -------------
#info {position:relative; background:#fff url(Imagen/anuncio_vacio.GIF) 70px 54px no-repeat;}
#scrollbox {width:340px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; }
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:65px; height:45px; margin:3px; float:left;}

a.slidea {background:url(thumb2.jpg);}

a.gallery span {display:block; position: absolute; left:10px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}


a.gallery:hover span {display:block; position: absolute; width:320px; height:240px; top:5px; left:10px; padding:5px; font-style:normal; color:#000; background:#fff; z-index: 100;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:320px; height:240px; top:5px; left:10px; padding:5px; font-style: normal; color:#000; background:#fff; z-index:50;}
#thumbs {width:700px; height:50px;}
#pad {height:290px; width:100px;}
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:26.