Home/ Questions/Q 7984473
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T11:16:48+00:00

I have designed a chess board using loops in php. The board is all

  • 0

I have designed a chess board using loops in php. The board is all well, but I cannot get the chess pieces in right position, because of loops, same picture repeats in every squares of the chess boards. Can anyone suggest me what should I change. Please refer to my codes below.

<html>
<head>
<style>
th{
   width:80px;
   height:80px;
}
table{
   border: 5px solid orange;
   border-collapse:collapse;
}
td{
   width:80px;
   height:80px;
}
tr{
   width:80px;
   height:80px; 
}
h1{
   color:#6633FF;
}
</style>

<script type="text/javascript">

</script>
</head>
<body>
<?php
   echo"<h1 align='center'>SAJID Chess Board</h1>";

   echo"<table border='1' align='center'>";

   //Nested For loop starts
   for($i=1; $i<5; $i++)//this is the iteration construct starts from here
{
   echo"<tr>";
   for ($j=7; $j>=0; $j--) // For loop for 1st row

   {
   if(($j%2)==0){
   echo"<td bgcolor='grey'>";
   echo"<img src='king.gif'/>"; //here is the problem, the image of king throughout the chess board                 
   }
  else{
  echo"<td bgcolor='white'>";
  }

  echo"</td>";
  }//for loop ends
  echo "</tr>";

  echo "<tr>";

  for($j=0; $j<8; $j++){ // For loop for 2nd row

  if(($j%2)==0){
  echo"<td bgcolor='grey'>";
  }
  else{
  echo"<td bgcolor='white'>";
  }

  echo"</td>";
  }//for loop ends

  echo "</tr>";

  }//nested for loop ends

echo "</table>";

?>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to redesign your loops, for the correct coordinates,

    Here is an example ive wrote for you

     <html>
    <head>
        <style>
            th{
                width:80px;
                height:80px;
            }
            table{
                border: 5px solid orange;
                border-collapse:collapse;
            }
            td{
                width:80px;
                height:80px;
            }
            tr{
                width:80px;
                height:80px; 
            }
            h1{
                color:#6633FF;
            }
        </style>

        <script type="text/javascript">

        </script>
    </head>
    <body>
        <?php

          // Format $pictures[Row][Column];
          $pictures = array();



          //Row 1
          $pictures[1][1] = "Castle";
          $pictures[1][2] = "Horse";
          $pictures[1][3] = "Bishop";
          $pictures[1][4] = "King";

          //Row 2
           $pictures[2][1] = "Pawn";
           $pictures[2][2] = "Pawn";
           $pictures[2][3] = "Pawn";
           $pictures[2][4] = "Pawn";
           $pictures[2][5] = "Pawn";
           $pictures[2][6] = "Pawn";
           $pictures[2][7] = "Pawn";
           $pictures[2][8] = "Pawn";




            echo"<h1 align='center'>SAJID Chess Board</h1>";
            echo"<table border='1' align='center'>";


            for($i = 1; $i <= 8; $i++)
            {     
                echo "<tr>";
                for($j = 1; $j <=8; $j++)
                {
                    if( ($i+$j)%2 )
                    {
                        echo"<td bgcolor='grey'>";


                    }
                    else
                    {
                        echo"<td bgcolor='white'>";
                    }


                    if(isset($pictures[$i][$j]))
                        echo $pictures[$i][$j];

                    echo "</td>";
                }
                echo "</tr>";
            }


            echo "</table>";

        ?>
    </body>
</html>
    • 0