Images n'apparaissant pas sur l'échiquier - PHP

-1

Notre tâche est de créer un jeu d'échecs 8x8 dans lequel vous devez mettre 8 reines dans le tableau où les reines ne pourront pas se manger les unes les autres. Mon problème dans ce code est que les images reines (qb.png & qw.png) n'apparaissent pas dans la sortie. Quelqu'un peut-il indiquer ce qui ne va pas? Merci beaucoup.Images n'apparaissant pas sur l'échiquier - PHP

<HTML> 
<head> 
    <title>Queen's Puzzle</title> 
</head> 

<style type = "text/css"> 
    table{ 
     border-collapse: collapse; 
     width: 800px; 
     border: 1px solid; 
    } 

    td{ 
     height: 100px; 
     width: 100px; 
    } 

    .white{ 
     background-color: #FFFFFF; 
    } 

    .black{ 
     background-color: #000000; 
    } 

    .qw{ 
     width: 95px; 
     height: 95px; 
    } 
</style> 

<body> 
    <?php 
    $pos = array(2, 7, 3, 6, 0, 5, 1, 4); 
    $a = false; 
    echo '<table>'; 
    for ($row = 0; $row < 8; $row++){ 
    echo '<tr>'; 

    for ($col = 0; $col < 8; $col++){ 
     if ($pos[$row] == $col){ 
      if($a){ 
       echo '<td img class="qw" src="qb.png"></td>'; 
       $a = false; 
      } else { 
       echo '<td img class="qb" src="qw.png"></td>'; 
       $a = true; 
      } 
     } else { 
      if($a){ 
       echo '<td class="black"></td>'; 
       $a = false; 
      } else{ 
       echo '<td></td>'; 
       $a = true; 
      } 
     } 
    } 
    echo '</tr>'; 
    $a = !($a); 
} 
echo '</table>'; 

     ?> 
</body> 
</html>

Source

2017-10-08 justlovly

' '- Vous ne fermez pas votre ouvre' td'. – ccKep

Pas vraiment lié mais pourquoi le conseil a-t-il 8 reines? – chris85

chris85 c'est l'exigence que mon instructeur a donné, dit c'est le "Queen's Puzzle" – justlovly

ceci:

echo '<td img class="qw" src="qb.png"></td>';

devrait être:

echo '<td><img class="qw" src="qb.png"></td>';

Source

2017-10-08 14:24:58 Kaiwen

Ohhh omg ça a marché merci beaucoup! – justlovly

L'élément td n'a pas d'attribut src.

La balise td doit être:

echo '<td class="qw"></td>';

Ensuite, vous pouvez facilement une image de fond à la classe css comme ceci:

.qw{ 
    width: 95px; 
    height: 95px; 
    background-image: url("qb.png"); 
}

Source

2017-10-08 14:33:48

Images n'apparaissant pas sur l'échiquier - PHP

Répondre

Questions connexes