bom quando eu clico nos lis eles não me direcionam para pagina que eu cliquei!
Solucionado
bom quando eu clico nos lis eles não me direcionam para pagina que eu cliquei!
hoje, com a Alura e o Google Gemini
<!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!