-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>
