Foros del Web » Creando para Internet » CSS »

y nuevo problema con galeria de imagenes

Estas en el tema de y nuevo problema con galeria de imagenes en el foro de CSS en Foros del Web. He retocado una galeria de cssplay y me ha surgido el problema siguiente: -Las imagenes pequeñas no se cargan. Van como background y no se ...
  #1 (permalink)  
Antiguo 23/07/2008, 07:45
Avatar de PedroRodas  
Fecha de Ingreso: noviembre-2005
Ubicación: Cádiz
Mensajes: 393
Antigüedad: 18 años, 4 meses
Puntos: 0
y nuevo problema con galeria de imagenes

He retocado una galeria de cssplay y me ha surgido el problema siguiente:

-Las imagenes pequeñas no se cargan. Van como background y no se ven aunq el enlace funciona bien.

Por mas que lo modifico no doy con el problema. A ver que me contaisssss

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
  <title>TRATTORIA LA VENEZIANA - galeria</title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
  a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:100px; height:75px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(imgs/thumbs/t_edificio.jpg);}
a.slideb {background:url(imgs/thumbs/t_interior1.jpg);}
a.slidec {background:url(imgs/thumbs/t_interior2.jpg);}
a.slided {background:url(imgs/thumbs/t_interior3.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#container_left {position:relative; width:700px; height:475px; background:#ccc; border:1px solid #333; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:420px; left:150px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #333;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:467px; height:350px; top:50px; left:150px; padding:5px; color:#000; border:1px solid #333; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:165px; padding-left:250px; width:300px; text-align:center; font:normal 3em georgia, "times new roman", serif  ; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}
</style>
</head>

<body>
<div id="container_left">
<div class="thumbs">
<a class="gallery slidea" href="#nogo"><em><img src="imgs/thumbs/edificio.jpg" width="263" height="350" alt="LSE Square" title="LSE Square" /></em><span>Edificio del restaurante<br />Fotografia de Lara Gaitan</span></a>
<a class="gallery slideb" href="#nogo"><em><img src="imgs/thumbs/interior1.jpg" width="467" height="350" alt="Buckingham Palace" title="Buckingham Palace" /></em><span>Interior local 1<br />Fotografia de Lara Gaitan</span></a>
<a class="gallery slidec" href="#nogo"><em><img src="imgs/thumbs/interior2.jpg" width="467" height="350" alt="Tower Bridge" title="Tower Bridge" /></em><span>Interior local 2<br />Fotografia de Lara Gaitan</span></a>
<a class="gallery slided" href="#nogo"><em><img src="imgs/thumbs/interior3.jpg" width="467" height="350" alt="Tower of London" title="Tower of London" /></em><span>Interior local 3<br />Fotografia de Lara Gaitan</span></a>
</div>
<h1>Vistas<br /><em>del</em><br />Local</h1>
</div>

</body>
</html> 
__________________
Genial concierto de Roger Waters, Pink Floyd siguen vivos!!!

Última edición por PedroRodas; 23/07/2008 a las 07:49 Razón: falta el codigo
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 07:32.