Pagina indeling net als browser-spel.nl
Ik ben bezig met een website voor een klant en ben al aardig ver.
Maar waar ik nu mee zit is de indeling. De indeling moet ongeveer
het zelfde zijn als die van browser-spel.nl
Alleen hoe maak ik zo'n indeling?
Want alle games worden met een query uit de database gehaald en
moeten vervolgens gelaten zien worden. Maar hoe pak ik dit aan?
Ik gebruik op dit moment een table met daarin mysql_fetch_array.
Maar dan komen ze onder elkaar te staan en dat is niet de bedoeling.
Weten jullie misschien hoe dit moet?
Alvast bedankt!
Met vriendelijke groet,
Remco van Akker
Plaats alles mooi in een lijst (zoals dat hoort met semantiek) en gebruik CSS float: left; om ze naast elkaar te zetten.
Gewijzigd op 26/06/2012 17:44:57 door Wouter J
Kijk in de broncode en je kunt daar uit opmaken hoe ze het maken.
Klopt, het gaat vooral om de layout.
Maar ze gebruiken 1 tabel met daar in de PHP code.
Maar welke php code zullen ze gebruiken? mysql_fetch_array?
Of iets anders?
php = logica
html = structuur
css = opmaak
ik hoop dat je nu begrijpt welke je waarvoor gebruiken moet.
overigens zou ik mysql_fetch_assoc gebruiken.
edit: bij die website gebruiken ze tabellen. heel fout dus want dit hoort niet in tabellen. maar in divjes
Gewijzigd op 26/06/2012 18:48:03 door Reshad F
Quote:
heel fout dus want dit hoort niet in tabellen. maar in divjes
Ook divjes is heel fout, als eert zijn het divisions en ten tweede moet je mijn reactie nog maar een keertje lezen... ;-)
Daarnaast, Remco, kijk in de bron code en kijk hoe ze het daar doen :)
Reshad F op 26/06/2012 18:46:32:
bij die website gebruiken ze tabellen. heel fout dus want dit hoort niet in tabellen. maar in divjes
Chi Lion op 27/06/2012 14:09:51:
Waar Wouter op doelt m'n beste, gebruik SEMANTIEK!
Daarnaast, Remco, kijk in de bron code en kijk hoe ze het daar doen :)
Daarnaast, Remco, kijk in de bron code en kijk hoe ze het daar doen :)
Die spel-site doet dat nus niet op de juiste manier....
Gewijzigd op 27/06/2012 14:14:08 door - Ariën -
niet moet gebruiken. Dus ik gebruik ze ook niet.
Maar als ik bijvoorbeeld deze div gebruik, welke PHP code
moet daar dan in?
Quote:
<div id="indeling">
</div>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<?php
//Moet ik hier mysql_fetch_assoc gebruiken of niet? Of moet ik mysql_fetch_array gebruiken?
$select = 'SELECT * FROM `games` WHERE `gamecategorie` = "populair" ';
$query = mysql_query($select) or trigger_error(mysql_error());
while($row = mysql_fetch_array($query)) {
echo $row['gamenaam'].'<br />';
echo '<img src="'.$row['gamefoto'].'" /><br />';
echo $row['gamebeschrijving'].'<br />';
echo $row['playbutton'].'<br />';
echo $row['infobutton'];
}
?>
//Moet ik hier mysql_fetch_assoc gebruiken of niet? Of moet ik mysql_fetch_array gebruiken?
$select = 'SELECT * FROM `games` WHERE `gamecategorie` = "populair" ';
$query = mysql_query($select) or trigger_error(mysql_error());
while($row = mysql_fetch_array($query)) {
echo $row['gamenaam'].'<br />';
echo '<img src="'.$row['gamefoto'].'" /><br />';
echo $row['gamebeschrijving'].'<br />';
echo $row['playbutton'].'<br />';
echo $row['infobutton'];
}
?>
</div>
Dus een systeem maken.
HTML is voor de structuur.
Gewijzigd op 27/06/2012 15:27:54 door - Ariën -
de resultaten kom steeds onder elkaar te staan -.-
Al die resultaten komen gewoon in 1 div.
Terwijl het allemaal in een eigen div moet te komen
staan en dan naast elkaar.
Bijv:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<?php
$i = 0;
while($row = mysql_fetch_assoc)
{
echo '<div id="divje'.$i.'">Spelletje: '.$row['gameColumn'].'</div>';
$i++;
}
?>
$i = 0;
while($row = mysql_fetch_assoc)
{
echo '<div id="divje'.$i.'">Spelletje: '.$row['gameColumn'].'</div>';
$i++;
}
?>
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
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
<?php
// sowieso geen backticks gebruiken!!! ` en gebruik tabelnamen ipv wildcard *
$select = "SELECT tabelnamen, tabelnamen
FROM games
WHERE gamecategorie = 'populair'
";
// fouthandeling gebruiken!!
$query = mysql_query($select)
if($select === false)
{
//error fouthandeling
}
else
{
?>
<div class="">
<?php
while($row = mysql_fetch_assoc($query)) {
echo $row['gamenaam'].'<br />';
echo '<img src="'.$row['gamefoto'].'" /><br />';
echo $row['gamebeschrijving'].'<br />';
echo $row['playbutton'].'<br />';
echo $row['infobutton'];
}
?>
</div>
<?php
}
?>
// sowieso geen backticks gebruiken!!! ` en gebruik tabelnamen ipv wildcard *
$select = "SELECT tabelnamen, tabelnamen
FROM games
WHERE gamecategorie = 'populair'
";
// fouthandeling gebruiken!!
$query = mysql_query($select)
if($select === false)
{
//error fouthandeling
}
else
{
?>
<div class="">
<?php
while($row = mysql_fetch_assoc($query)) {
echo $row['gamenaam'].'<br />';
echo '<img src="'.$row['gamefoto'].'" /><br />';
echo $row['gamebeschrijving'].'<br />';
echo $row['playbutton'].'<br />';
echo $row['infobutton'];
}
?>
</div>
<?php
}
?>
Gewijzigd op 27/06/2012 15:41:58 door Reshad F
Remco van Akker:
Maar als ik bijvoorbeeld deze div gebruik, welke PHP code
moet daar dan in?
moet daar dan in?
Remco van Akker:
Ja PHP is echt progammering.
Dus een systeem maken.
HTML is voor de structuur.
Dus een systeem maken.
HTML is voor de structuur.
Remco van Akker:
Want het maakt niet uit welke PHP code ik gebruik
de resultaten kom steeds onder elkaar te staan -.-
de resultaten kom steeds onder elkaar te staan -.-
Zucht, ik volg dit echt niet meer...
@Bovenstaande reacties die wel over HTML praten, dit hoort in een list zoals ik al had gezegd en niet in een betekenisloze div.
Gewijzigd op 27/06/2012 15:43:24 door Wouter J
Bedankt voor je voorbeeld.
Dit helpt me al stukken verder op weg.
@Reshad
Waarom geen backticks gebruiken? Wat is daar slecht aan?
En waarom geen * gebruiken?