Beste Leden,

Heeft er iemand enig idee hoe ik de div producten naast elkaar kan krijgen. Zodat ik de product blokken naast elkaar kan plaatsen (staan nu onder elkaar)

Staat op de volgende website:



Alvast bedankt.

Heb een Ul LI contructie al geprobeerd. Een float left werkt ook helaas niet.

Zet in de css bij class product "float: left;"

Edit: product 2 staat in de "div class=redbox" dat gaat niet werken

Hoe bedoel je?

Product 1 heeft die class en product 2 ook.

volgens chrome zite het er zo uit:

Code:

<div class="product">
<div class="titel">				
<p>flight | en shafts</p>
</div>							
<img src="product_1.png" />								
<div class="description">
<p>Deels doorzichtige shaft met mooie afwerking</p>
</div>		
<div class="redbox">
<ul>
<li>€ 0.80 per set</li>
<li>€ 1.50  per 2 sets</li>
<li>€ 2.50 per 5 sets</li>
</ul>	
<div class="order">	
<a href="bestellen.php">bestellen</a>	
</div>
<div class="product">
<div class="titel">				
<p>flight | en shafts</p>
</div>
<img src="product_1.png" />
<div class="description">
<p>Deels doorzichtige shaft met mooie afwerking</p>
</div>		
<div class="redbox">
<ul>
<li>€ 0.80 per set</li>
<li>€ 1.50  per 2 sets</li>
<li>€ 2.50 per 5 sets</li>
</ul>	
<div>	
<div class="order">	
<a href="bestellen.php">bestellen</a>	
</div>
</div>
</div>
</div>
</div>
</div>

Hmm. raar Alle divs staan in Notepad++ goed.

IE lijkt de code ook goed te pakken

Geef de class product eens {float: left; display: inline;} of {float: left; display: inline-block;}.

Heb je de blokken ook een breedte meegegeven? Bijvoorbeeld 33% bij 3 kolommen breed? Als de browser denkt dat ze 100% breed zijn komen ze never nooit niet naast elkaar.