Como fazer com que o menu do meu documento apareça em todas as páginas sem ter que ficar copiando e colando?
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;
}ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
font-weight: bold;
}li {
float: left;
border-right: 0px solid #333;
}li: last-child {
border-right: none;
}li a {
display: block;
padding: 10px 15px;
color: white;
text-align: center;
text-decoration: none;
}li a:hover:not(.active){
background-color: #111;
}
.active {
background-color: #FF0000;
float: right;
color: #111;
}Discussão (1)
Carregando comentários...