Estou editando um arquivo HTML no Dreamweaver CS4, o site parece ser bom se eu o executar no Firefox, mas estou recebendo este erro: "marcação inválida marcada como inválida porque contém um atributo duplicado"
Aqui está o código: o destaque é o mostrado no Dreamweaver.
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Template 3 - Left Sidebar</title>
<style type="text/css" media="screen">
body {
margin: 20px 0 0 0;
padding: 0;
background-image: url('bg.jpg');
background-repeat: repeat-y no-repeat;
background-color: #8da2b2;
background-position: top center;
}
p {
font-family: Tahoma;
font-size: 12px;
color: #333333;
}
li {
margin: 0;
padding: 0;
}
td.permission {
padding: 10px 0 10px 0;
}
td.permission p {
font-family: Arial;
font-size: 11px;
color: #4c4c4c;
margin: 0 0 4px 0;
padding: 0;
text-align: center;
}
td.permission p.second {
margin-bottom: 8px;
}
td.permission a {
color: #000000;
}
td.header {
background-color: #b73224;
height: 110px;
}
td.header h1 {
font-family: Impact, 'Arial Black';
font-size: 33px;
color: #eaedc9;
font-weight: normal;
line-height: 28px;
display: inline;
margin: 0 0 0 20px;
padding: 0;
}
td.sidebar a img {
border: none;
}
.table {
background-color: #a52c21;
}
td.miniTable {
background-color: #a52c21;
padding: 20px;
}
td.miniTable h2 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
}
td.miniTable h3 {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
color: #000000;
margin: 0;
padding: 0;
}
td.miniTable h3 a {
font-family: Tahoma;
font-size: 14px;
font-weight: normal;
color: #ffffff;
text-decoration: underline;
}
td.miniTable p {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #e7fccf;
margin: 0 0 10px 0;
padding: 0;
}
td.miniTable ul {
font-family: Tahoma;
font-size: 14px;
font-weight: normal;
color: #e7fccf;
margin: 0 0 0 24px;
padding: 0;
}
td.miniTable ul li a {
font-family: Tahoma;
font-size: 14px;
font-weight: normal;
color: #e7fccf;
text-decoration: none;
}
td.mainbar h2 {
font-family: Arial;
font-size: 18px;
color: #000000;
border-left: 10px solid #a02f27;
padding-left: 8px;
}
td.mainbar h2 a {
font-family: Arial;
font-size: 18px;
color: #000000;
text-decoration: none;
}
td.mainbar a {
color: #344692;
}
td.mainbar p {
margin: 0 0 20px 0;
}
td.mainbar p.top {
margin: 0 0 5px 0;
padding: 0;
width: 100%;
text-align: right;
}
td.mainbar p.top a {
font-size: 11px;
margin: 0 4px 0 0;
}
td.mainbar img.inline {
margin: 0 0 10px 0;
}
td.footer {
height: 134px;
}
td.footer p {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0 0 20px 0;
text-align: center;
}
table.tab {
background-image: url('footer-bg.gif');
background-rep
dreamweaver
matizes
fonte
fonte
Como outros disseram, a linha de código que você destacou:
tem o
alignatributo definido duas vezes. O segundo (134) não é um valor válido paraalign.Fora disso, no entanto, você realmente tem vários outros problemas:
<forwardtoafriend>,<unsubscribe>,<subscribe>e<webversion>nenhum -mas deles são parte de qualquer padrão HTML e, portanto, não são compreendidos pelos navegadores.<body>tag de abertura .<meta>ou<img>tags.background-repeat: repeat-y no-repeat;regra de estilobodyé inválida. ele deve ter apenas um único valor (neste caso,background-repeat: repeat-y).<table width = "100%" border = "0" cellspacing = "0" cellpadding = "0"> <tr> <td align = "center">seguido por outra tabela interna. Tudo bem, mas quando você fecha a tabela interna, você tem outra<tr>quando precisa terminar a anterior<td>e a<tr>primeira. E depois dessa última linha, você tem um fechamento</td>que não corresponde a nenhum anterior<td>.</ table> </ body> </ html>doctype<table>não tem um atributo height<img>tags estão comaltatributos ausentesVocê diz que está usando o Dreamweaver CS4, mas nunca o vi produzir esse tipo de saída antes…
fonte
A maneira mais fácil de descobrir o que está errado com o seu código html para validá-lo aqui http://validator.w3.org .
fonte