Sono ancora qui...l'ho provato...c'è ancora qualcosina da sistemare...

In pratica quando io passo il mouse sull'iimagine mi viene visualizzato il testo che però è sotto forma di link. Io vorrei che comparisse una descrizione del testo normale...
Oltretutto ho provato a fare un testo lungo e questo va fuori da contenitore delle tre immagini...Io vorrei farlo rimanere all'interno del box che ho creato.
Ho fatto un pò di prove..ma non sono espertissimo con i CSS...mi date ancora una mano ?


Allego il mio codice :


<html>
<head>
<style type="text/css">
#contenitore {
margin:50px;
height:300px;
width:500px;
border:5px solid #000000;
... /* definire width e height (non e` necessario, ma aiuta) */
position: relative;
}
#contenitore a {
display: block;
}
#contenitore a img {
border: 0;
}
#contenitore a span {
display: none;
}
#contenitore a:hover span {
display: block;
position: absolute;

}
/* posizionare in orizz o eventualmente centrare */
div.img
{
margin:2px;
border:1px solid #0000ff;
height:auto;
width:auto;
float:left;
text-align:center;
}
div.img img
{
display:inline;
margin:3px;
border:1px solid #ffffff;
}
div.img a:hover img
{
border:1px solid #0000ff;
}
img
{
opacity:0.4;
filter:alpha(opacity=40);
}
</style>


<body>
<div id="contenitore">
<div class="img">
<a id="linkImg1" href="#">

[img]klematis_small.jpg[/img]

<span>testo per immagine 1 testo per immagine 1
testo per immagine 1 testo per immagine 1
testo per immagine 1 testo per immagine 1
testo per immagine 1 testo per immagine 1
testo per immagine 1 testo per immagine 1
testo per immagine 1 testo per immagine 1</span>

</a>


</div>
<div class="img">
<a id="linkImg2" href="#">
[img]klematis2_small.jpg[/img]
<span>testo per immagine 2</span>
</a>
</div>
<div class="img">
<a id="linkImg3" href="#">
[img]klematis3_small.jpg[/img]
<span>testo per immagine 3</span>
</a>
</div>
</div>

</body>
</head>
</html>