Afficher le title ou le alt sous l'image

<div align="center">
<p>Titre</p>
<p>&nbsp;</p>
<div id="gallery">
<span id="thumbs">
<a href="#nogo">
<img src="images_01.jpg" title="1/5 blabli-blabla" /> 
</a>
<a href="#nogo">
<img src="images_02.jpg" title="2/5 blabli-blabla" /> 
</a>
<a href="#nogo">
<img src="images_03.jpg" title="3/5 blabli-blabla" /> 
</a>
<a href="#nogo">
<img src="images_04.jpg" title="4/5 blabli-blabla" /> 
</a>
<a href="#nogo">
<img src="images_05.jpg" title="5/5 blabli-blabla" /> 
</a>
</span>
</div>

body {
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#gallery {
	position: relative;
	width: 810px;
	height: 410px;
	background-image: url(../images/grille2.gif);
}
#thumbs {
	width: 200px;
	float: left;
}
#thumbs a {
	background-color: #DD0000;
	/*display: block;*/
	float: left;
	width: 60px;
	height: 40px;
	border: 0px solid #000;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#thumbs a img {
    width: 60px;
    height: 40px;
    border: 0;
}
#thumbs a:hover img {
	position: absolute;
	width: 600;
	height: 400;
	left: 205px;
	top: 5px;
	border: 0px solid #333;
}