Kleuren bij tabellen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Matthijs

Matthijs

19/09/2006 11:13:00
Quote Anchor link
Hoi,

Mijn vraag is hoe ik mijn tabellen steeds een andere achtergrond kleur kan geven. Dus om de beurt de kleuren #B1ED2F en #A3D439. Het is dus de bedoeling dat mijn eerste tabel(bericht) de kleur #A3D439 krijgt en mijn tweede tabel(bericht) de andere kleur.

Weet iemand hoe ik dit kan doen?
Hieronder volgt mijn code.

Met vriendelijke groet,

Matthijs

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
38
39
<?php

include "config.php";

// Now select all (*) the fields from the table 'shoutbox'.
$queryResult = mysql_query("SELECT * FROM nieuws ORDER BY datum ASC", $dbLink);

// Start table
echo "<table width=\"240\" class=\"ktekst\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">";

// Print the contents of the table 'shoutbox'. The while loop will break
// there are no more rows. The rowData is an array with int as key.
while ($rowData = mysql_fetch_row($queryResult)) {
    
    // Start row
echo "<tr>";
echo "<td width=\"15\"><img src=\"../images/nieuws_slices_17.gif\" width=\"15\" height=\"15\"></td>";
echo "<td width=\"240\" background=\"../images/nieuws_slices_19.gif\" height=\"15\" class=\"dik\">" . $rowData[1] . "</td>";
echo "<td width=\"240\" background=\"../images/nieuws_slices_19.gif\" height=\"15\"><div align=\"right\">::</div></td>";
echo "<td width=\"15\"><img src=\"../images/nieuws_slices_21.gif\" width=\"15\" height=\"15\"></td>";
echo "</tr>";
echo "<tr>";
echo "<td height=\"24\" background=\"../images/nieuws_slices_28.gif\" height=\"18\"> </td>";
echo "<td colspan=\"2\" bgcolor=\"#D3FE59\" class=\"ktekst\">" . $rowData[2] . "</td>";
echo "<td background=\"../images/nieuws_slices_29.gif\" height=\"18\"> </td>";
echo "</tr>";
echo "<tr>";
echo "<td><img src=\"../images/nieuws_slices_35.gif\" width=\"15\" height=\"15\" height=\"15\"></td>";
echo "<td colspan=\"2\" class=\"ktekst\" background=\"../images/nieuws_slices_37.gif\" height=\"15\"></td>";
echo "<td><img src=\"../images/nieuws_slices_40.gif\" width=\"15\" height=\"15\" height=\"15\"></td>";
echo "</tr>";
echo "<tr>";
echo "<td> </td>";
echo "</tr>";
}

// End table
echo "</table>";
?>
 
PHP hulp

PHP hulp

19/11/2024 08:33:17
 
Bart van der veen

bart van der veen

19/09/2006 11:18:00
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<?php
$a=1;
if($a==1){
  echo "<td colspan=\"2\" bgcolor=\"#B1ED2F\" class=\"ktekst\">" . $rowData[2] . "</td>";
$a=0;
}else{
echo "<td colspan=\"2\" bgcolor=\"#D3FE59\" class=\"ktekst\">" . $rowData[2] . "</td>";
$a=1;
} // is ff het princiepe
?>
 
Matthijs

Matthijs

19/09/2006 11:33:00
Quote Anchor link
Dus ik moet 2x de tabel maken alleen 1x in de if statement en 1x in de else? :)
 
Willem Jan Z

Willem Jan Z

19/09/2006 11:41:00
Quote Anchor link
Nee, dat stukje kan je in je while loop zetten.

Maar Jan heeft een hele korte methode bedacht:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style>
tr.bg0 {
  background: #FAFAFA;
}
tr.bg1 {
  background: #E7E7E7;
}
</style>


<?php
// tr's om en om
$bg = 0;

while (blablabla) {
  $bg ^= 1;
  echo '<tr class="bg'.$bg.'">';
}
?>


Het lijkt me eigenlijk wel duidelijk waar alles moet.
 
Matthijs

Matthijs

19/09/2006 12:24:00
Quote Anchor link
Hij doet het! Bedankt, alleen nog niet met mijn plaatjes.
Hoe kan ik dat regelen?
 
Kalle P

Kalle P

19/09/2006 12:34:00
Quote Anchor link
De while lus die WJ postte zet je in de while van de code die jij postte.

Dan kan je nog bij de css toevoegen:
tr.bg0 {
background: #A3D439 url(background.jpg) no-repeat fixed;
}
 
Matthijs

Matthijs

19/09/2006 12:47:00
Quote Anchor link
Ja , het was al gelukt! Hartelijk dank hiervoor!!
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.