Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia galera !!! beleza ??
Entao estou estudando css consegui validar no http://validator.w3.org/ ;
Porém da a seguinte mensagem: Passed, 1 warning(s):
Using Direct Input mode: UTF-8 character encoding assumed
Alguem ja passou por esse erro de caracter ? ja tentei de tudo e nao consegui segue o codigo abaixo:
Ja mudei para outros encoding mais nada alguem sabe qual o correto para validação ?
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Programação</title>
<link href="reset.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">body {
width: 1000px;
margin: 0 auto;
background-color: #FFF;
font: normal 25px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666;
}h1 {
font-size: 35px;
color: #FFF;
background-color: #666;
padding: 10px;
}p {
font-size: 19px;
}img {
margin-left: 30px;
border: 3px solid #CCC;
padding: 10px;
}img:hover {
border: 3px solid #FFF;
padding: 10px;
}
#centro {
width: 1000px;
height: 200px;
background-color: #CCC;
position: relative;
}
.posicao {
margin: 30px 20px;
}
.caixa {
display: block;
width: 500px;
position:absolute;
left: 222px;
top: 30px;
}
#centro2 {
margin-top: 25px;
background-color: #CCC;
width: 1000px;
height: 400px;
}
#blocos {
float: left;
margin-top: 20px;
margin-left: 30px;
}
</style>
</head>
<body>
<h1>Programação</h1>
<div id="centro">
<p><img class="posicao" src="programacao.jpg" alt="Programação" title="Programação" /></p>
<p class="caixa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida molestie suscipit. Duis vehicula justo vitae justo bibendum eget pharetra erat scelerisque. Suspendisse potenti. Sed lobortis egestas ultricies. Pellentesque tempus nisl id</p>
</div> <!-- fecha centro -->
<div id="centro2">
<div id="blocos">
<a href="javascript:;" onclick="window.open('teste.html');"><img src="programacao.jpg" alt="Programação" title="Programação" /></a>
<a href="javascript:;" onclick="window.open('teste.html');"><img src="programacao.jpg" alt="Programação" title="Programação" /></a>
<a href="javascript:;" onclick="window.open('teste.html');"><img src="programacao.jpg" alt="Programação" title="Programação" /></a>
<a href="javascript:;" onclick="window.open('teste.html');"><img src="programacao.jpg" alt="Programação" title="Programação" /></a>
</div> <!-- fecha blocos -->
</div> <!-- fecha centro2 -->
</body>
</html>Valeu !!!!
Carregando comentários...