Hello -

I am building an e-commerce page that will spit out multiple products using the same code - so I need to be able to use the code multiple times. Unfortunately, I need a sort of box created with width, height, margins, etc - which from what I know can't be specified on a Span class or Div class. How can this be done the right way, since validation says not to reuse Div tags?

<div id="product">
<img src="images/product.jpg" width="164" height="223">
Mens Shirt<br>79.95
</div>



#product {
	width: 164px;
	height: 286px;
	float: left;
	margin: 0 8px 0 8px;
	padding: 0;
	text-align: center;
}

I take it that you mean to have the same ID in more than one DIV tag on the same page.

I always felt that the use of class would use the CSS in the exact same way as an ID tag.

I always use height, width, margin and padding attributes with the use of class.

Originally Posted by TRANZIT JIM

I take it that you mean to have the same ID in more than one DIV tag on the same page.

I always felt that the use of class would use the CSS in the exact same way as an ID tag.

I always use height, width, margin and padding attributes with the use of class.

Yes, in order to be compliant I will need to make this a class ideally; however, height, width, etc. do not behave properly with classes - I am pretty sure those are only ID properties because they never display the same for me..

Perhaps someone can modify my code into classes and prove me wrong.

change the '#' to '.' (full stop, dot, period) and id=" to class="

u need to use class instead of id

I am pretty sure those are only ID properties

No, they are NOT at all limited to ID's. However, you do need to learn and understand how SPECIFICITY works in CSS.

http://www.smashingmagazine.com/2010...d-inheritance/

Okay thanks for the replies, it seems to be working fine. I think maybe I couldn't get this to work originally because I was assigning the class with a span rather than div which didn't hold the height/width attributes.