Consiglio su pagina sito web vetrina

<script type="text/javascript">
function visualizza(azione, num) {
    var elemento="aa"+num;
	var elem = document.getElementById(elemento); 
    elem.style.visibility = azione;
}
</script>
<style type="text/css">
td{
	vertical-align:top;
	text-align:left;
}
.aa{
	background-color:#CCCCCC;
	width: auto;
	height: auto;
	z-index:99;
	visibility:hidden;
	border-color:#FF0000;
	border-width:2px;
	border-style: inset;
	border-radius: 10px 10px 10px 10px;/*questo se vuoi il bordo arrotondat0*/
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 4px 5px #a6aeb7;

}
img{
	cursor:pointer;
}
</style>

<?php
//....connessione al db....
//.............
$query=mysql_query("SELECT * FROM prodotti");
//ti conviene controllare se ci sono record
if(mysql_num_rows($query)>0){
	echo "<table>";
	$k=0;//metto a zero un contatore
	while( $riga=mysql_fetch_array($query)){
    	//leggi i valori dal db
    	$nome_immagine=$riga['immagine'];//verificare se ti serva anche la path. es immagini/imm_1.jpg
   	 	$nome_prodotto=$riga['nome'];
    	$descr_prodotto=$riga['descrizione'];
		$per_testo="<strong>$nome_prodotto</strong><br>".nl2br($descr_prodotto);
    	echo "<tr><td><img src=\"".$nome_immagine."\" alt=\"".$nome_prodotto."\" border=\"0\" onmouseover=\"visualizza('visible', $k)\" onmouseout=\"visualizza('hidden',$k)\"/></td><td>".$per_testo."</td><td class=\"aa\" id=\"aa$k\" >$per_testo</td></tr>";
		$k++;//incremento di uno il contatore
	}
	echo "</table>";
}else{
	echo "non ci sono prodotti";
}
?>