Копнём поглубже
| Это можно было сделать намного проще | Угадайте, сколько разметочного кода в этой небольшой таблице? 13,7 Кбайт! В ней 17 строк и 9 колонок. Я не говорю о том сколько тут прозрачных картинок! | ||||||||||||
| Здесь непростительно много ячеек и прозрачных картинок. | Кроме того, точечные разделители ячеек выложены с использованием аттрибута background, который не
везде действителен
|
||||||||||||
| Точно такую же картину можно получить используя всего 8 ячеек и 4 CSS инструкции! | Серьёзно говорю, всего 8 ячеек и 4 инструкции вместо этого мусора.
|
||||||||||||
| Нужна одна инструкция для <table>, одна для <td>, ещё одна для <ul> и последняя для <li> | И это всё! Один раз написать этого хватит чтоб оформить так-же все остальные таблицы!
|
||||||||||||
Вот этот код показал вам реальную структуру таблицы:
table { margin: 3px; padding: 2px; border: solid 2px blue }
td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }
