Yo lo modifique y lo ajuste para mi sitio web, trabaja todo bien, pero en el código css no se donde debo modificar para centrar las imágenes (centrar de forma horizontal y vertical). Mi código es el siguiente
Código PHP:
/* web css */
#web {
position: relative; /* important */
overflow: hidden; /* important */
width: 500px; /* important */
height: 500px; /* important */
margin: 0;
background: #fff;
}
#web_content {
position: absolute;
top: 0;
margin-left: 0;
}
#web_content
#web_content li {
list-style: none;
margin: 0;
padding: 0;
}
#web_content {
width: 13058px;
}
#web ul li {
display: block;
float: left;
margin: 0;
padding: 0;
border: none;
background-color: #fff;
}
#web ul li img {
display: block;
}
#web ul li.web_item {
overflow:hidden;
width:500px; /* important */
height:500px; /* important */
}
#web_frame {
position: relative;
margin: 380px 0px 0px 0px;
}
#web_frame ul li {
margin: 2px;
}
#web_frame ul li img{
border: 1px solid #999;
padding: 2px;
}
#web_frame ul li img:hover {border: 1px solid #666;}
/* Catalog items */
.web_item h3
{
margin-top: 10px;
}
.web_item p.date
{
float:right;
background-color: #bbb;
margin: 0px 0px 10px 10px;
padding: 5px;
color:#fff;
}
.web_item .image
{
margin: 2px;
}
.web_item .image img
{
border: 1px solid #999;
padding: 2px;
}
.web_item .thumbnails
{
margin: 10px 2px 2px 2px;
}
#web_content .web_item .thumbnails img
{
border: 1px solid #999;
padding: 2px;
display:inline;
}
Gracias, a todos y saludos.