Dúvida no desafio 14 (d14)

Home › Fóruns › Desenvolvimento Web 2020 (HTML5+CSS3) › Dúvida no desafio 14 (d14)

Visualizando 1 resposta da discussão
  • Autor
    Posts
    • 22 de julho de 2024 às 11:04 #140508
      Simão Pedro Oliveira da Nóbrega
      Participante

      Fiz o meu código e comparei com o do professor Guanabara. Porém, no meu ainda continua dando um erro que não consigo corrigir:
      Os dados “Nota 1” e “Nota 2” no meu código estão na mesma linha de “Área”, “Disciplinas”, “Notas” e “Média”. Como faço para que esses dois dados fiquem logo abaixo de “Notas”?

      Aí vai o meu código:

      <!DOCTYPE html>
      <html lang=”pt-br”>
      <head>
      <meta charset=”UTF-8″>
      <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
      <title>Tabelas Boletim</title>
      <style>
      body {
      font-family: Arial, Helvetica, sans-serif;
      }

      table {
      border-collapse: collapse;
      }

      th, td {
      border: 1px solid gray;
      padding: 10px;
      }

      .centro {
      text-align: center;
      }

      .esquerda {
      text-align: left;
      }

      .inverso {
      background-color: #7e7e7e;
      color: white;
      }

      .realce {
      font-weight: bolder;
      }
      </style>
      </head>
      <body>
      <body>
      <table>
      <caption>
      Boletim Escolar
      </caption>
      <tr class=”inverso”>
      <th scope=”col” rowspan=”2″>Área</th>
      <th scope=”col” rowspan=”2″>Disciplinas</th>
      <th colspan=”2″scope=”colgroup” rowspan=”2″>Notas</th>
      <th scope=”col” rowspan=”2″>Média</th>
      </tr>
      <tr class=”inverso”>
      <th scope=”col”>Nota 1</th>
      <th scope=”col”>Nota 2</th>
      </tr>
      <tr>
      <th rowspan=”4″ scope=”rowgroup”>Exatas</th>
      <td>Matemática</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      </tr>
      <tr>
      <td>Física</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      </tr>
      <tr>
      <td>Química</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      </tr>
      <tr>
      <td>Biologia</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      </tr>
      <tr class=”inverso”>
      <th colspan=”4″ scope=”row” class=”esquerda”>Média de Exatas</th>
      <td class=”centro realce”>0.0</td>
      </tr>
      <tr>
      <th rowspan=”2″ scope=”row”>Humanas</th>
      <td>História</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      </tr>
      <tr>
      <th>Geografia</th>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      <td class=”centro”>0.0</td>
      </tr>
      <tr class=”inverso”>
      <th colspan=”4″ scope=”rowgroup” class=”esquerda”>Média de Humanas</th>
      <td class=”centro realce”>0.0</td>
      </tr>
      </table>
      </body>
      </html>

    • 22 de julho de 2024 às 18:35 #140543
      Tutora Jessica
      Moderador

      Olá Simão , qual erro aparece pra você?
      Para que eu consiga lhe ajudar preciso que me envie o seu código devidamente identado, para isso cole o código aqui na caixinha do fórum, selecione o por completo e clique em CODE.

  • Autor
    Posts
Visualizando 1 resposta da discussão
  • Você deve fazer login para responder a este tópico.