Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Exercitando: + uma coluna + uma linha = colpsan 3

Coloquei o colspan com 3 porém (Não percam), ele não fica no centralizado, tenho q colocar ele no CSS como .colpsan?

DiaHorárioLocal
Segunda8h ~ 20hLapa
Quarta8h ~ 20hGuarulhos
Sexta8h ~ 20hMorumbi
            <tr>
                <td colspan="3">Não percam</td> 
            </tr>
        </table>
4 respostas

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!

Olá Lais, tudo bem?

Sim! Para que esse elemento td que é diferente dos outros que não possuem o colspan seja encontrado no CSS, é preciso de algumas adaptações.

Primeiro, a propriedade que utilizaremos para centralizar esse texto, é o text-align: center.

Você pode resolver essa questão de algumas formas, explicarei melhor a seguir!

  1. Adicionando um id para esse elemento.
<td id="td-colspan"colspan="3">Não percam</td> 
#td-colspan {
  text-align: center
}
  1. setando o colspan no CSS.
td[colspan] {
  text-align: center;
}
  1. buscando o last-of-type de elementos td.
td:last-of-type{
  text-align: center
}

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!

Muito obrigada Beatriz!

Vc viu aquela imagem q postei, por que a tabela fica encostando o footer?

<tr>
        <td id="td-colspan"colspan="3">Não percam</td>     
         </tr>
          </table>

        </main>

        <footer>
            <img src="imagens/logo-branco.png" alt="Logo da Barbearia Alura">
            <p class="copyright">© Copyright Barbearia Alura - 2021</p>
        </footer>
    </body>
</html>

footer {
    text-align: center;
    background: url("imagens/bg.jpg");
    padding: 40px 0;
}

#td-colspan {
    text-align: center
}

Opa Lais, obrigada pelo retorno!

Darei uma olhadinha com certeza e então continuamos por lá mesmo.

Creio eu que seja alguma alteração no CSS no elemento table, mas tenho que conferir no código.

Abraços!