Larry Vollmer
asked on
CSS question
I have this page:
http://tinyurl.com/4e99682
There are three thumbnails under the main image. I am trying to center those thumbnails.
When I remove this code from the css:
div.category_view_product a img.product_image{
float: left;
margin-right: 6px;
}
and replace it with margin:0 auto; the images do not center.
I don't want to manually pad the images because sometimes there will be more then three images. Any idea how to fix this?
http://tinyurl.com/4e99682
There are three thumbnails under the main image. I am trying to center those thumbnails.
When I remove this code from the css:
div.category_view_product a img.product_image{
float: left;
margin-right: 6px;
}
and replace it with margin:0 auto; the images do not center.
I don't want to manually pad the images because sometimes there will be more then three images. Any idea how to fix this?
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thanks to both
ASKER
.wpcart_gallery {
margin: 0 auto; }
div.wpcart_gallery img{
margin-top:3px;
margin-left:3px;
margin-right:3px;
margin-bottom:3px;
border:1px solid #9A9CCD;
}
Open in new window