Naast elkaar zetten

float: left; kan al veel ;).

Ik gebruik hiervoor altijd de volgende oplossing:

<div class="producten">
<div id="product">
		<a href="#" class="hover_img"><img src="images/sunglass.png" class="product_img"></a>
		<div class="product_info">
		<span class="label">Ray-Ban</span>
	</div>
</div>


<div id="product">
		<a href="#" class="hover_img"><img src="images/sunglass.png" class="product_img"></a>
		<div class="product_info">
		<span class="label">Ray-Ban</span>
	</div>
</div>


<div id="product">
		<a href="#" class="hover_img"><img src="images/sunglass.png" class="product_img"></a>
		<div class="product_info">
		<span class="label">Ray-Ban</span>
	</div>
</div>


<div id="product">
		<a href="#" class="hover_img"><img src="images/sunglass.png" class="product_img"></a>
		<div class="product_info">
		<span class="label">Ray-Ban</span>
	</div>
</div>
</div>

.producten {
	height: auto;
	width: 730px;
}


#product {
	margin-top: 10px;
	float: left;
	width: 232px;
	height: 158px;
	margin-left: 11px;
	z-index: 1;
}


.product_img {
	width: 231px;
	height: 124px;
	z-index: -1;
}


.product_info {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color: #5B5B5B;
	height: 25px;
	width: 231px;
	text-align: center;
	padding-top: 8px;
}

Even invullen zoals jij het wilt, bij mij werkt deze oplossing.

Het staat er ... Ik had zoals eerder gemeld, gebruik float:left; Jefrey heeft de oplossing gegeven. Gewoon copy paste..

Citaat van J.Rijdes

Ik gebruik hiervoor altijd de volgende oplossing:

Code

Ray-Ban
	






		
		
		Ray-Ban
	






		
		
		Ray-Ban
	






		
		
		Ray-Ban

Toon Meer

Code

.producten {
	height: auto;
	width: 730px;
}


#product {
	margin-top: 10px;
	float: left;
	width: 232px;
	height: 158px;
	margin-left: 11px;
	z-index: 1;
}


.product_img {
	width: 231px;
	height: 124px;
	z-index: -1;
}


.product_info {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 13px;
	color: #FFF;
	background-color: #5B5B5B;
	height: 25px;
	width: 231px;
	text-align: center;
	padding-top: 8px;
}

Toon Meer

Even invullen zoals jij het wilt, bij mij werkt deze oplossing.

Dits denk niet de juiste oplossing. (tenminste niet zoals het hoort)

Zie: http://www.w3schools.com/css/css_id_class.asp

(wats dat ray ban gedoe bij quote??)

kan dit niet gewoon met inline?

Float:left; again...

Citaat van Ferhat.Remory

Float:left; again...

Ferhat OP wilt dat wij hem voeden met de complete pagina, zoals de labels etc.
Wij zijn hier om te helpen, niet om jouw klusjes voor je te doen OP.

Als ik thuis ben zal ik het even uittypen...