Avatar billede hni Nybegynder
10. februar 2010 - 10:29 Der er 5 kommentarer og
1 løsning

Tabel med skiftende farver

Jeg udskriver en liste fra min database og synes det mangler lidt kulør.

Hvordan laver jeg skiftende farve i tabellen, som f.eks. "Seneste guides" til højre her på siden???
Avatar billede silwing Nybegynder
10. februar 2010 - 10:51 #1
Det er egentlig meget simpelt :)

I den while-løkke du bruger til at udskrive hver enkelt tabelrække skal du blot sørge for at have en tælle-variabel til at tjekke hvorvidt rækken er lige eller ulige.

Eksempel:

echo "<table>";
$query = mysql_query( ... );
$cnt = 0;
while($d = mysql_fetch_array($query))
{
  if($cnt % 2 != 0)
    $class = " class='odd'";
  else
    $class = "";
 
  echo "<tr" . $class . ">
    <td>" . $d['somefield'] . "</td>
  </tr>";

  $cnt++;
}

Hvor 'odd' giver den baggrundsfarve de ulige rækker skal have, mens de resterende rækker kan styles med det almindelige tr {} i css.
Avatar billede silwing Nybegynder
10. februar 2010 - 10:52 #2
Ah, kan se jeg glemte at lukke med  </table> til sidst i mit eksempel :) det er naturligvis blot en fejl.
Avatar billede hni Nybegynder
10. februar 2010 - 11:40 #3
Hej silwing. Tak for dit svar.
Jeg bruger godt nok ikke CSS, kan det laves uden?
Avatar billede silwing Nybegynder
10. februar 2010 - 11:49 #4
Ja, det kan det naturligvis også godt :)

Så ændrer du bare linjen:

$class = " class='odd'";

til:

$class = " style='background-color: #CC0000;'";

hvor #CC0000 er farvekoden for ulige rækker.

linjen:

$class = "";

ændres til:

$class = " style='background-color: #00CC00;'";

hvor #00CC00 er farvekoden for lige rækker.
Avatar billede hni Nybegynder
10. februar 2010 - 13:39 #5
Cool - jeg prøver.
Avatar billede hni Nybegynder
25. februar 2010 - 15:39 #6
Har ikke nået det endnu, men det skal nok komme og tror på dit svar.. :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester