2

Я редактирую HTML-файл в Dreamweaver CS4, веб-сайт выглядит хорошо, если я запускаю его в Firefox, но я получаю эту ошибку:«недопустимая разметка помечена как недопустимая, поскольку она содержит повторяющийся атрибут»

Вот код: выделенный - тот, который отображается в 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

3 ответа3

4

Дубликат спецификации атрибута "ALIGN"

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

ОБНОВЛЕНИЕ: я использовал онлайн-инструмент от http://validator.w3.org/check

3

Как уже говорили другие, выделенная вами строка кода:

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

имеет атрибут align установленный дважды. Второе (134) не является допустимым значением для align .

Но помимо этого у вас есть ряд других проблем:

  • вы используете теги <forwardtoafriend> , <unsubscribe> , <unsubscribe> <subscribe> и <webversion> но ни один из них не является частью какого-либо стандарта HTML и поэтому не понимается браузерами.
  • У вас нет открывающего <body> .
  • Вы не закрываете свои теги <meta> или <img> .
  • Ваш background-repeat: repeat-y no-repeat; правило стиля для body недействительно; оно должно иметь только одно значение (в этом случае background-repeat: repeat-y).
  • Вы начинаете с
     <table width = "100%" border = "0" cellspacing = "0" cellpadding = "0"> <tr> <td align = "center">
    сопровождаемый другой внутренней таблицей. Это нормально, но затем, когда вы закрываете внутреннюю таблицу, у вас есть еще один <tr> когда вам нужно завершить свои предыдущие <td> и <tr> первую очередь. И после этой последней строки у вас есть закрывающий </td> , который не соответствует ни одному предыдущему <td> .
  • В конце концов, вам не хватает тегов:
            </table> </body> </html>
  • Некоторые другие придирки:
    • у тебя должен быть doctype
    • <table> не имеет атрибута высоты
    • в некоторых ваших тегах <img> отсутствуют атрибуты alt

Вы говорите, что используете Dreamweaver CS4, но я никогда не видел, чтобы это давало такой результат раньше ...

2

Самый простой способ выяснить, что не так с вашим HTML-кодом, чтобы проверить его здесь http://validator.w3.org.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .