bom quando eu clico nos lis eles não me direcionam para pagina que eu cliquei!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
bom quando eu clico nos lis eles não me direcionam para pagina que eu cliquei!
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>leal burguer</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style-amburgueria.css">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1>Leal Burguer</h1>
<nav>
<ul>
<li class="divisao"><a href=""></a>Home</li>
<li class="divisao"><a href="cardapio.html"></a>Cardapio</li>
<li class="divisao"><a href=""></a>Contato</li>
</ul>
</nav>
</header>
<main>
<h2>Home</h2>
</main>
<footer>
sdfghj
</footer>
</body>
</html><!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>cardapio</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style-amburgueria.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap">
</head>
<body>
<header>
<h1>Leal Burguer</h1>
<nav>
<ul>
<li class="divisao"><a href="amburgueria.html"></a>Home</li>
<li class="divisao"><a href="cardapio.html"></a>Cardapio</li>
<li class="divisao"><a href="Contato-amburgueria.html"></a>Contato</li>
</ul>
</nav>
</header>
<main>
<img src="cardapio.jpg">
<img src="car.jpg">
</main>
<footer>
cardapios,2020;
</footer>
</body>
</html><!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>contato</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style-amburgueria.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap">
</head>
<body>
<header>
<h1>Leal Burguer</h1>
<nav>
<ul>
<li class="divisao"><a href="amburgueria.html"></a>Home</li>
<li class="divisao"><a href="cardapio.html"></a>Cardapio</li>
<li class="divisao"><a href="Contato-amburgueria.html"></a>Contato</li>
</ul>
</nav>
</header>
<main>
</main>
<footer>
cardapios,2020;
</footer>
</body>
</html>body {
font-family: 'Dancing Script', cursive;
}
header {
background:linear-gradient(orange,yellow);
padding: 30px;
}
h1 {
text-align: center;
font-size: 50px;
}
h2{
text-align: center;
font-size: 50px;
margin: 10px;
}
li {
display: inline;
font-size: 30px;
margin: 0 4px 12px;
}
nav {
position: absolute;
top: 40px;
left: 18px;
}
.divisao:hover {
color: orange;
cursor: pointer;
}
img {
padding: 50px;
position: relative;
top: 0;
left: 200px;
width: 30%;
}
footer {
background:linear-gradient(orange,yellow);
padding: 15px;
margin: 375px 0;
}
Olá Geovane,
vc tem que colocar os nomes antes do fechamento da tag </a>
<a href="contato.html">Contato </a>mais eu fiz isso cara!
Olá Geovane, tente dessa forma:
<ul>
<li class="divisao"><a href="amburgueria.html">Home</a></li>
<li class="divisao"><a href="cardapio.html">Cardapio</a></li>
<li class="divisao"><a href="Contato-amburgueria.html">Contato</a></li>
</ul>e ai fera blz? ja esta assim !
Boa tarde Geovane, tudo blz?
Posta o código atualizado aqui (todo o código) pra gente verificar se há algum outro problema na estrutura que ainda esteja gerando o erro. Vale lembrar que o último código que enviou aqui estava com estrutura "diferente" do que eu e o Luciano sugerimos, como você já alterou e o erro persiste, postar o código atualizado nos permite te ajudar melhor, blz?
Olá Geovane,
todos os seus links estão como eu tinha mencionado acima:
<li class="divisao"><a href="amburgueria.html"></a>Home</li>
<li class="divisao"><a href="cardapio.html"></a>Cardapio</li>
<li class="divisao"><a href="Contato-amburgueria.html"></a>Contato</li>O correto seria:
<li class="divisao"><a href="amburgueria.html">Home</a></li>
<li class="divisao"><a href="cardapio.html">Cardapio</a></li>
<li class="divisao"><a href="contato-amburgueria.html">Contato</a></li>Ou seja, o texto do link tem que ficar entre as tags a.
obrigado cara desculpa a minha falta de atenção realmente estava errado obrigado!