Ошибка проверки HTML 5 для таблиц> td width при присвоении width = "#%" - PullRequest
Новая
       374

Ошибка проверки HTML 5 для таблиц> td width при присвоении width = "#%"

2 голосов
/ 03 апреля 2012

Сведения об ошибке:

Атрибут width в элементе td устарел. Вместо этого используйте CSS. Из строки 81, столбец 15; по строке 82, столбец 50: 

<tr><td width="6%" class="texalign_right">Name:</t..

Детали:

Мой текущий веб-сайт, на котором у меня есть более 20 таблиц и множество разных чисел и размеров для внутри тд. Я верю, присваивая ширину через класс для каждой таблицы, а затем внутри тд я буду болеть .. Чтобы избежать этого, я могу просто жестко кодировать ширину для таблиц и соответствующий тд (только для первой строки) один раз в таблице с атрибутом "стиль" ... это имеет смысл?

Что более важно, текущая таблица # (20) может быть увеличена до (30 или 40).

Правда, мне совсем не нравится хардкодинг !! поэтому я очень заинтересован, если есть какой-либо другой способ справиться с шириной таблицы .. пожалуйста, помогите мне в этом ..

1 Ответ

2 голосов
/ 04 апреля 2012

Вы можете использовать элемент <colgroup> HTML 5. Затем вы можете определить различные классы, которые можно использовать повторно, так что

  • для всех столбцов с width=6%, определите классcolWidth6
  • для всех столбцов с width=8%, определить класс colWidth8

Нет необходимости определять отдельный класс для самой таблицы. 

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
            .colWidth6{width:6%}
            .colWidth8{width:8%}
        </style>
    </head>
    <body>
        <table border="1">
            <colgroup>
                <col class="colWidth6">
                <col class="colWidth8">
            </colgroup>
            <tbody>
                <tr>
                    <td>Cell 1</td>
                    <td>Cell 2</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
...