Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Table: Om en om kleuren.

Anoniem
Wesley1305
12 antwoorden
  • Ik wil resultaten uit mijn MySQL database laten zien in een tabel. Dit werkt perfect, maar nu wil ik de <tr> om en om een andere kleur geven. Is dit mogelijk? Zo ja, hoe?
  • Je maakt de rijen aan met een loop, geeft de even rijen een andere kleur dan de oneven. Kan zowel in tabelcode als in css. Ook een leuk effect is de rijen te laten oplichten bij een mouseover.
  • Kan je een voorbeeldje geven? Weet niet hoe dit moet. :oops:
  • Ik doe het zo:
    [code:1:b020017eaf]$rc = 0;
    // uitlezen database
    // dan de output
    $rc = !$rc;
    echo '<tr class="rowcol'.$rc.'">';
    en de css:
    .rowcol1 {background: #fcb030;}
    .rowcol {background: #fff;}
    [/code:1:b020017eaf]
    wimb
  • [code:1:320e5e6ebd]
    if ($rij % 2) {
    doe dit
    } else {
    doe dat
    }
    [/code:1:320e5e6ebd]

    Kan ook..
  • [quote:0ac953d174="InZane"][code:1:0ac953d174]
    if ($rij % 2) {
    doe dit
    } else {
    doe dat
    }
    [/code:1:0ac953d174]

    Kan ook..[/quote:0ac953d174]
    Deze lijkt mij dat makkelijker. $rij is dan?
  • $rij is een teller, die je dan wel moet ophogen. Bijvoorbeeld:

    $rij++
  • Sorry, maar nu snap ik er echt niets meer van.[code:1:10e26abe08]<?php
    while (list($id, $titel, $type, $prijs, $merk, $tekst, $poster, $email, $plaats, $date, $img) = mysql_fetch_row($result)){
    echo("<td><a href=\"detail.php?id=$id\">$titel</a></td><td>$type</td><td>$merk</td><td>$prijs</td><td>$poster</td></tr>
    ");
    }
    // verbinding afsluiten
    mysql_close($db);
    ?>[/code:1:10e26abe08]
    Het resultaat moet in een tabel komen die om en om gekleurd wordt.
  • Alternatief (overigens niet per se beter): www.smashingmagazine.com/2006/12/29/css-based-tables-modern-solutions/
  • Bijvoorbeeld:

    php:
    <?php
    $rc=0;
    while (list($id, $titel, $type, $prijs, $merk, $tekst, $poster, $email, $plaats, $date, $img) = mysql_fetch_row($result)){
    echo("<tr class=rowcol".$rc."<td><a href=\"detail.php?id=$id\">$titel</a></td><td>$type</td><td>$merk</td><td>$prijs</td><td>$poster</td></tr>
    ";);
    $rc = !$rc;
    }
    // verbinding afsluiten
    mysql_close($db);
    ?>

    css:
    .rowcol1 {background: #fcb030;}
    .rowcol {background: #fff;}
  • Ik heb dit gebruikt, nu komt de titel buiten de tabel, en de rest is een plek opgeschoven, tabel is nog steeds wit.

    Edit: er zat een foutje in, heb ik nu verholpen, kleur werkt nu goed. Alleen de bovenste rij blijft wit.
  • Je kunt de kleuren in de css omkeren, of $rc=1 gebruiken.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.