Bellboy struggling

Копнём поглубже

Это можно было сделать намного прощеУгадайте, сколько разметочного кода в этой небольшой таблице? 13,7 Кбайт! В ней 17 строк и 9 колонок. Я не говорю о том сколько тут прозрачных картинок!
Здесь непростительно много ячеек и прозрачных картинок.Кроме того, точечные разделители ячеек выложены с использованием аттрибута background, который не везде действителен
• Первая вложенная таблица. Зачем?
• Сделать список с метками? Надеюсь это шутка?
Точно такую же картину можно получить используя всего 8 ячеек и 4 CSS инструкции!Серьёзно говорю, всего 8 ячеек и 4 инструкции вместо этого мусора.
• О нет! Еще одна таблица замаскированная под список с метками!
• Списки надо размечать как списки и дать CSS возможность сделать остальное оформление.
Нужна одна инструкция для <table>, одна для <td>, ещё одна для <ul> и последняя для <li>И это всё! Один раз написать этого хватит чтоб оформить так-же все остальные таблицы!
• Получится намного лучше чем тратить 8 ячеек на создание обманного списка с метками, который при этом еще и создаёт трудности для с точки зрения удобства использования.
• Ура!!! Последний ложный элемент!

The code that shows the table structure:

table{ margin:3px; padding:2px; border:solid 2px blue }

td{ padding:2px; border-style: solid; border-width: 1px; border-color:gray gray silver silver }

>
Scott Design