Ho riscritto il tutto usando lo <span> adesso ho un problema diverso...vorrei che quando esco dalla miniatura venisse chiusa l'immagine originale, questo il nuovo codice:
codice HTML:<html> <head> <meta content="text/html; charset=windows-1252" http-equiv="content-type"> <style type="text/css"> .thumbnail{position: relative;z-index: 0;} .thumbnail:hover{background-color: transparent;z-index: 50;} .thumbnail span{ /*carateristiche dell'immagine ingandita e del testo relativo*/ position: absolute;/*relative invece di absolute per posizione relativa foto piccola*/ background-color: lightyellow;/*colore sfondo della foto*/ padding: 5px;/*cornice*/ visibility: hidden;color: black;text-decoration: none;} .thumbnail span img{ /*caratteristiche dell'img ingrandita*/ border-width: 0;padding: 10px;} .thumbnail:hover span{ /*posizione dell'img ingrandita*/ visibility: visible; } </style> </head> <body> <a class="thumbnail" href="#thumb"><img src="13009.jpg" border="0"> <span><img src="13021.jpg"><br>Nome Foto 1</span></a> <a class="thumbnail" href="#thumb"><img src="13009.jpg" border="0"> <span><img src="13021.jpg"><br>Nome Foto 2</span></a> <br> <a class="thumbnail" href="#thumb"><img src="13009.jpg" border="0"> <span><img src="13021.jpg"><br>Nome Foto 3</span></a> <br> </body> </html>
Rispondi quotando
Originariamente inviata da gino.o
