Nieuwsartikelen weergeven in overzicht

Dus: je zet een variabele die aangeeft of je voor het eerst door de lus heen gaat of niet en overeenkomstig te handelen. Je kan ook proberen het met alleen CSS op te lossen.

Maar hoe kan ik dat doen? De opmaak in css veranderen is niet moeilijk, maar hoe andere div geven bijvoorbeeld?

$result = mysqli_query($db, "SELECT id, title, image, date FROM articles ORDER BY DATE LIMIT 3");  
    if($result) {
        // de query is gelukt, nu gaan we fetchen...
        while($data = mysqli_fetch_assoc($result)) {
 {;?> 
<div class="normal"><?php echo $data['title'] ?></div> <?;}
}

En dan het eerste artikel de class="new"

<?php
// initialisatie
$first = true;
while (...whatever...) {
    if ($first) {
        // ... afhandeling eerste record ...

        // je bent klaar met het eerste record, dus:
        $first = false;
    } else {
        // ... afhandeling overige records ...
    } // einde if
} // einde while
?>

Uit de losse pols (zie hierboven ook):

<?php
$result = mysqli_query($db, "SELECT id, title, image, date FROM articles ORDER BY DATE LIMIT 3");  
if($result) {
  // de query is gelukt, nu gaan we fetchen...
  $first = true;
  while($data = mysqli_fetch_assoc($result)) {
?>
<div class="<?php echo $first ? 'new' : 'normal'; ?>">
<?php echo $data['title'] ?>
</div>
<?php
  $first = false;
  }
}
?>

Oke en als ik nu ook wil dat de artikelen die na de 3 nieuwste komen ook een andere weergave hebben, hoe los ik dat op?

Als de opmaak verder niet wezenlijk verschilt en je dit verschil kunt overbruggen met simpelweg een andere klasse aan je div toekennen (of een andere simpele ingreep) dan heeft de oplossing van Ben uiteraard de voorkeur.

Indien de opmaak erg afwijkt wordt het met Ben zijn opzet waarschijnlijk toch een beetje een zootje en kun je de opmaak beter splitsen.

Elke 3 kun je in dat geval doen met een tellertje en modulo:
<?php
if ($counter++ % 3 == 0) {
...
}
?>

Niels Rietveld op 09/08/2015 21:09:35

Oke en als ik nu ook wil dat de artikelen die na de 3 nieuwste komen ook een andere weergave hebben, hoe los ik dat op?

Op dezelfde wijze: kwestie van bijhouden hoeveel berichten je hebt gehad.

Waarom zal je moeilijk doen als je in je CSS gewoon div:first-child kan gebruiken?
Dan heb je heel die keuzes in je PHP niet nodig.
En als je om de 3 <div>s iets wilt doen: div:nth-child(3) ?

Scheelt je een hoop code-aanpassingen en je houdt je code veel schoner (=beter).

Toevoeging op 10/08/2015 08:31:05:

Waarom zal je moeilijk doen als je in je CSS gewoon div:first-child kan gebruiken?
Dan heb je heel die keuzes in je PHP niet nodig.
En als je om de 3 <div>s iets wilt doen: div:nth-child(3) ?

Scheelt je een hoop code-aanpassingen en je houdt je code veel schoner (=beter).