marcação inválida marcada como inválida porque contém um atributo duplicado

2

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

4

Especificação duplicada do atributo "ALIGN"

<td align="center" align="134" class="footer" valign="bottom">

ATUALIZAÇÃO: usei a ferramenta on-line em http://validator.w3.org/check

— Nicu Zecheru
fonte

obrigado pela informação Nicu Zecheru. Eu tenho que copiar todo o código HTML? e colá-lo na guia de endereço do site do validador? isso é muito útil.

— tintincutes

1

você tem 3 opções: Validar por URI ( validator.w3.org/#validate_by_uri ), upload de arquivo ( validator.w3.org/#validate_by_upload ) ou entrada direta ( validator.w3.org/#validate_by_input ):

— Nicu Zecheru

3

Como outros disseram, a linha de código que você destacou:

<td align="center" align="134" class="footer" valign="bottom">

tem o alignatributo definido duas vezes. O segundo ( 134) não é um valor válido para align.

Fora disso, no entanto, você realmente tem vários outros problemas:

você estiver usando as tags <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.
Você não tem <body>tag de abertura .
Você não está fechando suas <meta>ou <img>tags.
Sua background-repeat: repeat-y no-repeat;regra de estilo bodyé inválida. ele deve ter apenas um único valor (neste caso, background-repeat: repeat-y).
Você começa com
```
 <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>.
No final, você está perdendo as tags:
```
        </ table>
    </ body>
</ html>
```
Algumas outras reclamações:
- você deveria ter um doctype
- <table> não tem um atributo height
- algumas de suas <img>tags estão com altatributos ausentes

Você diz que está usando o Dreamweaver CS4, mas nunca o vi produzir esse tipo de saída antes…

— Dori
fonte

oi Dori obrigado pela entrada, eu tenho este html do site, é um modelo. Eu gostaria de criar um boletim informativo e não sei por onde começar. então eu decidi baixar alguns boletins de amostras e gostaria de experimentá-lo com o dreamweaver ou mais ou menos editá-lo de lá. Eu não tenho um forte fundo com css e php embora, mas eu sou um aprendiz rápido, uma vez que eu conheço as funções.

— tintincutes

2

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 .

— khadafi
fonte

obrigado também Eu apenas brinquei e descobri que o align = "134" é o problema. Quando eu apaguei, resolveu o problema. Mas como posso validá-lo no site do validador? Eu tenho que copiar todo o código html?

— tintincutes