Ciao a tutti e buona domenica,
Ero sulla parte HTML e mi sposto qua, vedendo che il problema è più pertinente a questa sezione ( domando a vincet.zeno, moderatore htlm se può andare o mi dia sugg. In merito).
Grazie a tutti
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
<pre>
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;
}
<pre>
E allego il blocco HTML che ho scritto..
codice:
<pre>
<div id="congrande">
</div>
<pre>
Il punto è mettere l'elemento span ...: qualcuno mi può aiutare a completare?
Grazi per la collaboration...
P.s. È la prima volta che partecipo ad forum e tutte le regole non le conosco...un po' di pazienza
...
