Календарь. Tables. CSS

6th April 2003 - 11:14

Делаю календарик для новостей и смотрю на чужие приме… ошибки. Для меня остаётся загадкой потребность людей писать в коде таблиц вещи в духе <td class="calendar">…</td>. Зачем отдавать ненужный мусор, если есть CSS?

Делай раз (HTML):

<div class="calendar">
  <table>
    <tr><td>blah-blah</td><td>blah-blah</td></tr>
    <tr><td>blah-blah</td><td>blah-blah</td></tr>
    <tr><td>blah-blah</td><td>blah-blah</td></tr>
  </table>
</div>

Делай два (CSS):

.calendar { значения }
.calendar table { значения }
.calendar tr { значения }
.calendar td { значения }
    и т.д.

Categories: CSS, Web-билдинг | comments: (2)

Комментарии

1. whoops 20th May 2003 - 18:38

A 40 togda nje <table class="calendar"> ??
A jesli nado <table><tr class="OddRow">.. <tr class="EvenRow"> tody div nje prokanajet..
IMHO kuda nado tuda i class stavim..

Mash:

<table class="calendar">??

Да, я про это знаю. Просто дело в том, что table у меня в некоторых случаях может быть другого класса (точнее даже «мог быть нескольких классов» c родительским div'ом 'calendar'). Тогда в игру и вступает div+class. Если календарь только один, то правда ваша. На момент написания этого поста я посчитал, что позиционировать div было бы более правильно (лично для своих целей).

Если необходимы только OddRow-EvenRow (только два класса), то можно обойтись th-td или (сейчас банальность скажу) хотя бы вынести в CSS описание того класса, tr которого в таблице больше.

P.S. Речь не шла о всех возможных ситуациях. Глобальные проблемы я не решаю :)

P.P.S. Если table очень много, то использование div оправдывает себя. Всё зависит от конкретной области применения.

2. glebis 22nd December 2003 - 20:26

почти аналогично — [table id=«calendar»]
и дальше не .calendar, а #calendar

плюс — нет лишнего дива

Mash:

Минус: дополнительные строки в CSS для таблиц архива (это когда двенадцать или более таблиц float’ом в div.calendar. Для них id не прокатит, лучше уж class).

Всё зависит. ;)

Комментарии временно отключены.