Codificação de caracteres na página HTML

3 participantes

Ir para baixo

Tópico resolvido Codificação de caracteres na página HTML

Mensagem por EDU2010 02.04.19 5:22

Detalhes da questão


Endereço do fórum: https://www.criadoresdepassaros.com/
Versão do fórum: phpBB3

Descrição


Usando este menu como pagina HTMl as letras com acentos , ç , sai bugado , porque ?


Código:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  position: relative;
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav-centered a {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.topnav-right {
  float: right;
}

/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 600px) {
  .topnav a, .topnav-right {
    float: none;
    display: block;
  }
 
  .topnav-centered a {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
</style>
</head>
<body>

<!-- Top navigation -->
<div class="topnav">

  <!-- Centered link -->
  <div class="topnav-centered">
    <a href="#home" class="active">Fórum</a>
  </div>
 
  <!-- Left-aligned links (default) -->
  <a href="#news">Criação </a>
  <a href="#contact">Reprodução</a>
 
  <!-- Right-aligned links -->
  <div class="topnav-right">
    <a href="#search">Search</a>
    <a href="#about">Cadastre-se</a>
  </div>
 
</div>

<div style="padding-left:16px">
  <h2></h2>
  <p></p>
</div>

</body>
</html>
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Codificação de caracteres na página HTML

Mensagem por tikky 02.04.19 7:22

Olá @EDU2010,
Mude o código da sua página para o seguinte:  
Código:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
 
.topnav {
  position: relative;
  overflow: hidden;
  background-color: #333;
}
 
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
 
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
 
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}
 
.topnav-centered a {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 
.topnav-right {
  float: right;
}
 
/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 600px) {
  .topnav a, .topnav-right {
    float: none;
    display: block;
  }
 
  .topnav-centered a {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
</style>
</head>
<body>
 
<!-- Top navigation -->
<div class="topnav">
 
  <!-- Centered link -->
  <div class="topnav-centered">
    <a href="#home" class="active">Fórum</a>
  </div>
 
  <!-- Left-aligned links (default) -->
  <a href="#news">Criação </a>
  <a href="#contact">Reprodução</a>
 
  <!-- Right-aligned links -->
  <div class="topnav-right">
    <a href="#search">Search</a>
    <a href="#about">Cadastre-se</a>
  </div>
 
</div>
 
<div style="padding-left:16px">
  <h2></h2>
  <p></p>
</div>
 
</body>
</html>


Cordialmente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Codificação de caracteres na página HTML

Mensagem por EDU2010 02.04.19 11:20

Posso adicionar mais caisas que gostaria neste código aqui mesmo neste Tópico .?
EDU2010
EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Codificação de caracteres na página HTML

Mensagem por tikky 02.04.19 13:35

EDU2010 escreveu:Posso adicionar mais caisas que gostaria neste código aqui mesmo neste Tópico .?
Pode dar seguimento deste tópico!
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Codificação de caracteres na página HTML

Mensagem por Fraise 07.04.19 11:48

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.


De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos