Entrar Ainda não tem acesso?
2
respostas

Os links da página produtos não estão clicáveis

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação

por Joao Vitor Fernandes Farias
| 13k xp | 2 posts

Olá. Alguém sabe pq os links da minha página "produtos.html" não aparecem corretamente? Obrigado.

![](Os links aparecem como lista )

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Produtos - Barbearia Alura</title>
        <link rel="stylesheet" href="produtos.css">    
    </head>
    <body>
        <header>
            <h1><img src="logo.png"></h1>

            <ul>
                <li><a href="index.html"></a>Home</li>
                <li><a href="produtos.html"></a>Produtos</li>
                <li><a href="contato.html"></a>Contato</li>
            </ul>
        </header>    
    </body>
</html>
2 respostas
por Joao Vitor Fernandes Farias
| 13k xp | 2 posts

Encontrei o problema. Eu estava fechando o ancor antes dos itens da lista.

por Daniela Michely da Silva
| 311.3k xp | 196 posts

Que bom que achou, João. Realmente, os elementos devem estar dentro da tag "a" conforme listado abaixo. Bons estudos!

<ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="produtos.html">Produtos</a></li>
         <li><a href="contato.html">Contato</a></li>
</ul>