Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, estou criando uma página em html e estou tendo dificuldade em achar uma solução para esse problema, como faço para que o menu fique fixo em todas as páginas desse site sem que seja necessário refazer todo o código? Segue abaixo o código do meu menu e do css:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./../css/header.css">
<title></title>
</head>
<body>
<header>
<img src="./../img/fundo.png">
<nav>
<ul>
<li><a href="sla.html" class="active">Início</a></li>
<li><a href="pps.html">Teste</a></li>
<li><a href="#">Teste</a></li>
<li><a href="#">Teste</a></li>
<li><a href="#">Teste</a></li>
</ul>
</nav>
</header>
</body>
</html>img {
width: 100px;
} list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
font-weight: bold;
} float: left;
border-right: 0px solid #333;
} border-right: none;
} display: block;
padding: 10px 15px;
color: white;
text-align: center;
text-decoration: none;
} background-color: #111;
}
.active {
background-color: #FF0000;
float: right;
color: #111;
}Carregando comentários...