Come si farà?
Ciao attutì sono nuovissimo!!
Nuovo, nuovo e principiante anche del linguaggio.
Devo creare una web page dove le miniature si ingrandiscono al passaggio del mouse, utilizzando solo un'immagine che si ingrandirà ( NON 2).
Ho trovato questo css che riporto

codice:
#container {
 position:relative; 
 width:425px; 
 height:480px;
 background:#fff; 
 border:1px solid #4a679f;
 margin:0 auto;
 }  

a.mini1{background:url(NomeImmagine.jpg);}
 a.mini2 {background:url(NomeImmagine2.jpg);}
 ecc... 

a.galleria span {
 display:block; 
 position:absolute;
 width:1px; 
 height:1px; 
 top: 5px; 
 left: 5px;
 overflow:hidden; 
 background:#000;
 }  


a.galleria, a.galleria:visited {
 display:block; 
 color:#4a679f;
 font-weight:bold;
 text-decoration:none;
 border:1px solid #fff; 
 width:75px; 
 height:47px; 
 float:left; 
 margin:3px;
 z-index:100;
 }  

a.galleria:hover {
 border:1px solid #ddd;
 } 

a.galleria:hover img {
 border:1px solid #ddd;
  position:relative;
 z-index:100;
  } 

a.galleria:hover span{
 display:block;
  position:absolute;
  width:400px;
  height:300px;
  top:170px;
 left: 5px;
 padding:5px;
 background:transparent;
  z-index:100;
 }
E allego il blocco HTML che ho scritto..
codice:
codice:
	<div id="congrande">
	
	</div>
Il punto è mettere l'elemento span ...: qualcuno mi può aiutare a completare?

Grazi per la collaboration...
Speriamo vada...... la forma è importante e grazie per l'aiuto , mi auguro non ci si areni solo su quella e si guardi anche il contenuto della richiesta....
Grazie di nuovo
Ultima modifica ad opera dell'utente Vincent.Zeno il 05-08-2012 alle 00:22


Segnala ad un moderatore | IP: 31.188.192.125 | Permalink