hProduct Recipe of the Day: Hanging Pants Rack

Posted in: Business, CSS, HTML, Microformats, Theory, Web Standards, Working, example of the day, hProduct

Taken from Lilian Vernon (lillianvernon.com). Judging from the state of my trousers today, I could use one too…


hanger rack example


<div class="hlisting">
	<div class="item hproduct">
		<ol class="breadcrumbs">
			<li><a href="http://www.lillianvernon.com/home.jsp">Home</a></li>
			<li class="category"><a href="http://www.lillianvernon.com/catalog/category.jsp?parentCatId=3">Store & Organize</a></li>
			<li class="category"><a href="http://www.lillianvernon.com/catalog/thumbnail.jsp?parentCatId=3&catId=149">Closet & Drawers</a></li>
		</ol>
		<div class="picside">
			<img src="http://lillianvernon.richfx.com.edgesuite.net/image/media/046534_M.jpg" alt="photo of deluxe hanging pants rack" class="photo" /><br/>
			<img src="http://www.lillianvernon.com/assets/images/new_prod_detail/zoom.jpg" alt="zoom in" />
		</div>
		<div class="infoside">
			<h1 class="fn">Deluxe Hanging Pants Rack</h1>
			<div class="identifier>
				<span class="type">SKU</span>:
				<span class="value">046534</span>
			</div>
			<div class="details">
				<p class="description">Holds 8 pairs of slacks neatly with shelf for sweaters, shirts and more! 16" wide with non-slip plastic sleeves that prevent sliding. Silver finish. Easy assembly. </p>
				<div class="savings">SAVE<br/>$7</div>
				<div class="historical">Was $14.98</div>
				<div class="now">Now <span class="price">$7.49</span></div>
				<div class="savings">Save $7.49</div>
				<div class="purchase">
					<div class="quantity">Quantity 1</div>
					<div class="buy"><img src="/assets/images/new_prod_detail/add_to_cart0108.gif" alt="add to cart" /></div>
				</div>
			</div>
		</div>
	</div>
</div>

hproduct example src

Make a comment