Hallo,

Ik ben bezig met een overzicht pagina met alle artikelen. Nu is het probleem dat de artikelen niet juist worden weergegeven in de layout.

Screenshot :



.artikellayer{
  width: 150px;
  height: 198px;
  border: 1px solid silver;
  border-radius: 5px;
  padding: 2px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: White;
}


PHP code :

<?php

$sql = mysql_query("SELECT * FROM webshop ORDER BY artikel_id DESC");
if(mysql_num_rows($sql) == 0) {
	echo "<center>Er zijn nog geen artikelen toegevoegd.</center>";
}
while($row = mysql_fetch_assoc($sql)) {
echo '<div class="rij">
<div class="artikellayer">
<center><img src='.$row['screenshot'].' ??/></center>
<b>'.$row['artikel'].'</b>
<table>
<tr>
<td>'.$row['prijs'].'MP</td>
<Td><form action="http://www.rmhproductions.nl/webshop-pagina.php?artikel='.$row['artikel'].'" method="POST">
<input type="submit" value="Info"/>
</form></td>
</tr>
</table>
</div>
</div>
';
}
?>


Ik heb ook dit geprobeerd :
.rij{
width:995px;
height:153px;
}

maar dan krijg je dus, dat elk artikel apart in die div komen. Weet iemand een oplossing?
Moet je wel even vertellen wat dan wel de bedoeling is.
En denk dat je bedoelt dat die 2 plaatjes/artikels binnen de lijnen moet worden weergeven?
Als je de volgende code plaatst voordat je die div afsluit waar ze in moeten, moet het geloof ik goed gaan

<div style="clear:both;"></div>
Even snel met paint gemaakt, zo moet het worden :


Zodra er niet nog één naast past, moet het eronder worden weergeven, en moet dus daar ook weer een rij worden.


<div style="clear:both;"></div>

Werkt, maar dan komen de 2 artikelen onder elkaar in plaats van naast elkaar.

Toevoeging:
Nu staan ze naast elkaar. (y), ik had <div style="clear:both;"></div> op een verkeerde plek neer gezet.

Reageren