Créer une galerie d’images

<style>
div.img {
margin: 5px;
padding: 5px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img {
display: inline;
margin: 5px;
border: 1px solid #ffffff;
}
div.img a:hover img {
border: 1px solid #0000ff;
}
div.desc {
text-align: center;
font-weight: normal;
width: 120px;
margin: 5px;
}
</style>
<div class= »img »>
<a target= »_blank » href= »http://lescarnetsd.entara.be/wp-content/uploads/2015/02/vangogh3.jpg » alt= »mons » width= »150″ height= »150″><img src= »http://lescarnetsd.entara.be/wp-content/uploads/2015/02/vangogh3-150×150.jpg » alt= »vangogh3″ width= »150″ height= »150″ class= »alignnone size-thumbnail wp-image-495″ /></a>
<div class= »desc »>Visite de Mons</div>
</div>
<div class= »img »>
<a target= »_blank » href= »http://lescarnetsd.entara.be/wp-content/uploads/2015/02/vangogh4.jpg »><img src= »http://lescarnetsd.entara.be/wp-content/uploads/2015/02/vangogh4-150×150.jpg » alt= »vangogh4″ width= »150″ height= »150″ class= »alignnone size-thumbnail wp-image-496″ /></a>
<div class= »desc »>Visite de Mons</div>
</div>
<div class= »img »>
<a target= »_blank » href= »http://lescarnetsd.entara.be/wp-content/uploads/2015/02/vangogh5.jpg » ><img src= »http://lescarnetsd.entara.be/wp-content/uploads/2015/02/vangogh5-150×150.jpg » alt= »vangogh5″ width= »150″ height= »150″ class= »alignnone size-thumbnail wp-image-497″ /></a>
<div class= »desc »>Visite de Mons</div>