justinbenfaida
-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by justinbenfaida
-
-
New to this, so pardon my verbal mistakes. Site Currently Being Worked On The problem is, is that all the products are in great placement, until you reach the 4th row down, where the style breaks and the hats on the bottom do "their own thing". I can't find anywhere in the break that would show this...
/*============= Begin Products Grid Styles========================*/#products {background:none;display:inline;float:left;margin:0px;width:995px;}#products div.product { border: 0 none; display: block; float: middle; height: 200px; margin-bottom: 20px; margin-right: 20px; width: 171px;}#products div.product p {margin-bottom:5;}#products .product-img { border: 1px solid #bbbbbb; display: inline; height: 170px; float: middle; vertical-align: middle; width: 169px;}#products .product-info {border-top:2px solid #fff;float:middle;padding:5px 9px 11px;width:157px;}html #products .product-info {width:157px;}#products .product-a h3, #products .product-a p { color: #FFFFFF; text-align: middle;}#products .product-title { background: none repeat scroll 0 0 #000000; font-size: 10px; line-height: 16px; margin-top: 5px; margin-bottom: 5px; padding: 3px 0; position: relative; text-transform: normal; vertical-align: middle;}#products .product-title span {padding-left: 10px;padding-right: 10px;}#products .product-price {background:none repeat scroll 0 0 #000000;float:right;font-size:11px;font-weight:700;margin-left:176px;margin-right:0;margin-top:-25px;padding:5px;position:relative;}#products .product-status {font-size:10px;font-style:italic;}#products .product-a {clear:left;cursor:pointer;display:block;float:center;overflow:hidden;text-align:center;width:100%;}#products .product-a h3,#products .product-a p {color:#ffffff;font-weight:normal;text-align:center;}.pagination {background:none repeat scroll 0 0 #fffff;clear:both;float:middle;font-size:12px;font-weight:normal;margin-bottom:20px;margin-left:5px;margin-right:5px;padding:5px 0;text-align:center;}.pagination span,.pagination a {padding:0 3px 0 6px;}.pagination span.yadda {background:none;padding:5px 4px;}span.stilt {display:inline-block;vertical-align:middle;}.current-product-counter {display:none;}
What could the issue be?
Style Sheet Broken Displaying Inline Boxes
in CSS
Posted
Note the code at the bottom of the base:
^ Does it have something to do with how the product numbers are ordered? This style sheet used to only display the products 3 across the page before I started messing with it, and now I've gotten it to do 5 across.