Boas pessoal,
Eu fiz este
site em css e html e ele em todas as páginas excepto no index confunde os acentos.Alguém me sabe dizer porquê?
Deixo aqui o código da página e o css:
[spoiler=Página]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type"name="Projecto empreendedor de carácter caritativo, desenvolvido por uma turma de Ãrea Projecto do 12ºano" />
<title>SerMais</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>
<body>
<div id="header"><a href="#"><img src="images/sermaislogo.gif" alt="" width="336" height="85" />[/url]</div>
<div id="left">
<ul class="menu">
<li><a href="index.html">
<img src="images/viva_07.jpg" alt="" width="150" height="150" />[/url]</li>
<li><a href="patrocinadores.html">
<img src="images/patrocinadores.jpg" alt="" width="150" height="150" />[/url]</li>
<li><a href="informacoes.html">
<img src="images/programa.jpg" alt="" width="150" height="150" />[/url]</li>
</ul>
</div>
<div class="center">
<div class="topcenter style1">
<span class="style1"><img src="images/associacao.jpg" alt="" width="205" height="52" /> </span>
<p class="style1">
<p align="justify" class="style1">A Associação Salvador é uma instituição de solidariedade que promove a defesa dos interesses e direitos das
pessoas com mobilidade reduzida, em especial das pessoas portadoras de deficiência motora.
A sua missão é ser uma Associação Nacional de Referência na área da Mobilidade Reduzida, actuando de forma directa e/
ou indirecta com projectos realistas e eficazes que promovam melhores acessibilidades e aumentem a qualidade de vida
das pessoas.
É portanto neste âmbito que surge o Projecto Ser Mais, com o intuito de, simultaneamente, sensibilizar a população e
angariar fundos.
Para mais informações ->
www.associacaosalvador.com <p> </p>
</div>
</div>
<div class="right">
<ul class="menu">
<li><a href="conteudos.html">
<img src="images/conteudos.jpg" alt="" width="150" height="150" />[/url]</li>
<li><a href="informacoes.html">
<img src="images/faqs.jpg" alt="" width="150" height="150" />[/url]</li>
<li><a href="associação.html"><img src="images/MAHALE.jpg" alt="" width="150" height="150" />[/url]</li>
<li></li>
</ul>
</div>
<div id="footer">
<ul class="img">
<img src="images/logos.jpg" />
</ul>
</div>
</div>
</body>
</html> [/spoiler]
[spoiler=CSS]
~/* CSS Document */
*{
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
img{
border:0px
}
html{
width:100%;
background-image:url(images/bg.gif);
background-position:top left;
background-repeat:repeat;
height:100%;
}
body{
width:766px;
margin:auto;
}
#header{
text-align:center;
padding:59px 0 31px 0
}
#left{
float:left
}
.menu{
width:150px;
float:left;
padding:0 13px 0 11px;
}
.menu li{
float:left;
width:150px;
list-style-type:none;
}
.menu li img{
float:left;
padding:0 0 5px 0
}
.center{
padding:12px 0 0 0;
float:left
}
.center img{
float: left;
text-decoration: none;
}
.topcenter{
background-color: #151515;
padding: 35px 25px 0 30px;
width: 360px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #9B9B9B;
float: left;
text-decoration: none;
}
.topcenter p{
width: 360px;
padding: 25px 0 35px 0;
float: none;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
.bottomcenter{
background-color:#151515;
width:360px;
padding:25px 25px 0 30px;
float:left
}
.img{
float:left;
padding:22px 0 30px 1px
}
.img img{
border:0px solid black;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
}
.img a{
display:block;
float:left
}
.img ul{
width:80px;
float:left;
margin:5px 0 0 20px
}
.img li{
list-style-type:none;
float:left;
line-height:18px
}
.img li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#9B9B9B;
text-decoration:none
}
.img li a:visited{text-decoration:none}
.img li a:hover{text-decoration:none}
.right{
float:left
}
#footer{
width:766px;
padding:41px 0 0 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#C0C0C0;
text-align:center;
line-height:15px
}
#footer a{
color:#6A6A6A;
text-decoration:none
}
.bot{
text-align:center;
}
.bot img{
margin:0 15px 0 15px
}@charset "utf-8";
/* CSS Document */ [/spoiler]
Obrigado desde já
Tópico: [Duvida]Site em css confunde os acentos (Lida 2288 vezes)