Divs in rijen en kolommen
Ik heb nu de volgende (gore) code, welke resultaten weergeeft in een tabel. Maar ik zou deze graag in mooie divjes willen opbouwen: 3 kolommen en X aantal rijen. Afbeelding met titel erbij.
Is dit op een hele simpele manier te doen?
thnx!
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
25
26
27
28
29
30
31
32
33
34
35
36
37
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<table border="0" align="center" cellpadding="2" cellspacing="0">
<?php
$horiz=3; // Dit is het aantal naast elkaar
$start=0;
include '../library/config.php';
include '../library/opendb.php';
$result=mysql_query ("select * from upload");
while ($myrow = mysql_fetch_array ($result))
{
if(($start % $horiz) == 0)
{?>
<tr align="left" valign="top">
<?php } ?>
<td><p>
<a href="<? echo "../image/$myrow[name]"; ?>" rel="lightbox" title="<? echo $myrow['label'] ?>" > <? echo '<img class=scale src="../image/' . $myrow['name'] . '" />' ; ?>
<br />
</a><span class="style1"><? echo $myrow['label'] ?></span></p> </td>
<?
$start++;
if(($start % $horiz) == 0)
{?>
</tr>
<tr align="left" valign="top">
<td height="8"> </td>
</tr>
<?
}
}
if(($start % $horiz) != 0)
{
?>
<?}?>
</table>
<?php
$horiz=3; // Dit is het aantal naast elkaar
$start=0;
include '../library/config.php';
include '../library/opendb.php';
$result=mysql_query ("select * from upload");
while ($myrow = mysql_fetch_array ($result))
{
if(($start % $horiz) == 0)
{?>
<tr align="left" valign="top">
<?php } ?>
<td><p>
<a href="<? echo "../image/$myrow[name]"; ?>" rel="lightbox" title="<? echo $myrow['label'] ?>" > <? echo '<img class=scale src="../image/' . $myrow['name'] . '" />' ; ?>
<br />
</a><span class="style1"><? echo $myrow['label'] ?></span></p> </td>
<?
$start++;
if(($start % $horiz) == 0)
{?>
</tr>
<tr align="left" valign="top">
<td height="8"> </td>
</tr>
<?
}
}
if(($start % $horiz) != 0)
{
?>
<?}?>
</table>
Gewijzigd op 06/12/2010 17:53:20 door David david
opmaak doe je niet in tables.
@TS, ik zou dit in een ul/li doen. En zoek eens op float.
Een handige site daarbij is: http://www.sceneone.nl/
Wouter J op 06/12/2010 19:01:41:
Een handige site daarbij is: http://www.sceneone.nl/
Prachtige site he.
Heeft me vroeger veel bijgebracht.