goedenavond iedereen,
ik loop tegen een klein probleempje aan, wanneer ik mijn data fetch uit mijn mysql database in een div
en deze probeer te ordenen met 'display:inline-block;' krijg ik al mijn data onder elkaar en het doorbreekt
mijn div dus het ziet er als volgt uit:
data data data data data data etcetc.
maar ik wil dat het er zo uit komt te zien:
data data data
data data data
data data data
etc etc.
ik heb van alles geprobeerd maar al mijn data blijft of naar rechts eindeloos doorgaan of alleen maar onder elkaar, hopelijk is het een beetje te snappen hier is mijn php en css.
<code>
<div class="tester">
<?php
while ($row = mysqli_fetch_array($result)) {
echo "<div id='img_div'>";
echo "<img width='200px' height='150px' src='admin/images-ls/".$row['foto']."' >";
echo "<p>".$row['naam']."</p>";
echo"<div id='dv_rtfloat'>";
echo "<p>".$row['beschrijving']."</p>";
echo "<td><a href=\"buy.php?id=".$row['id']."\">Buy</a></td>";
echo"</div>";
echo "</div>";
}
?>
</div>
</code>
css:
<code>
.tester{
position:absolute;
top:100px;
left:300px;
width:600px;
height:500px;
display:inline-block;
float:left;
}
#img_div{
position:relative;
width:200px;
height:200px;
box-shadow: 10px 5px 5px #69624e;
border-radius:5px;
background-color:#b7b3ea;
margin: 15px 15px 15px 15px;
}
</code>
1.574 views
