probleem met div left
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 :
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
.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;
}
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 :
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?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>
';
}
?>
$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.
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>
Zodra er niet nog één naast past, moet het eronder worden weergeven, en moet dus daar ook weer een rij worden.
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.
Gewijzigd op 10/02/2014 16:02:11 door Marco Eilander