Hallo,

ik werkte in het verleeden met table, maar ben nu overgestapt om volledig css te gaan werken.

Ben nu een site van me opnieuw aan het style dus zonder table te maaken, wat er dus eers wel in zit.

Zit alleen met het probleem om een ruimte van 5px te krijgen tusen twee divs, bij table dee ik gewoon <table cellspacing="5px">.
Heb geprobeert met margin:5px; maar de laatste div heeft dan ook een margin van 5px wat ik dus niet wil

<div id="container">
<div id="links"></div>
<div id="rechts"></div>
</div>

Css

#links,
#rechts {
width:200px;
float:left;
}
#links {
margin: 0 5px 0 0;
}
Alleen worden de divs neer geset door php uit mijn datta base, dus heb 10 regel met iedre keer 2 divs dus dit

<html>
<head>
<style type="text/css">
#product
{
display: inline;
}
</style>
</head>
<body>
<div>
<div id="product">bla bla en geblabla</div>
<div id="product">bla bla en geblabla</div>
</div>
<div>
<div id="product">bla bla en geblabla</div>
<div id="product">bla bla en geblabla</div>
</div>
<div>
<div id="product">bla bla en geblabla</div>
<div id="product">bla bla en geblabla</div>
</div>
</body>
</html>
Ik snap je opbouw niet echt, waarom doe je het zo (elke keer 2 divs in een andere div)?
Voor een productenoverzicht kun je het beste een <ul> gebruiken.
Dus [code]
<ul id="productenoverzicht">
<li>Product 1</li>
<li>Product 2</li>
<li>Product 3</li>
</ul>
[code]
En dit met css opmaken.
ja makkelijk

<ul id="productenoverzicht">
<li>
<a href="#" title="">
<img src="" width="" height="" alt="" />
<span class="info">
<strong>Sony psp</strong>
korte info meer info
<span class="prijs">&euro; 80,-</span>
</span>
</a>
</li>
</ul>

css

#productenoverzicht {
width: 500px;
}

#productenovrzicht li {
float: left;
display: inline;
width: 230px;
margin: 0 20px 20px 0;
}

#productenovrzicht li a {
float: left;
width: 210px;
padding: 10px;
}

en verder stylen

Reageren