Библиотека

Главная » Библиотека » Разное

Турнирные таблицы

Рассмотрим "простенький" пример. На рисунке вовсе небольшая турнирная таблица выглядящая весьма симпатичненько снаружи.

Совсем иначе выглядит её код.


<table width="550" border="0" cellspacing="1" cellpadding="0">
<tr align="center" valign="middle" bgcolor="#009966">
<td height="24" colspan="2" bgcolor="#009966"><h2>Место</h2></td>
<td width="280"><h2>Название команды</h2></td>
<td width="34"><h2>И</h2></td>
<td width="34"><h2>В</h2></td>
<td width="34"><h2>Н</h2></td>
<td width="34"><h2>П</h2></td>
<td width="38"><h2>МЗ</h2></td>
<td width="38"><h2>МП</h2></td>
<td width="34"><h2>О</h2></td>
</tr>
 
<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td width="34" height="24"><span class="style3">1</span></td>
<td bgcolor="#FFFFFF"><a href="http://www.cska-football.ru"><img src="clubs/logo_cska.GIF" height="24" border="0"></a></td>
<td class="style3">ЦСКА Москва</td>
<td class="style3">30</td>
<td class="style3">18</td>
<td class="style3">8</td>
<td class="style3">4</td>
<td class="style3">48</td>
<td class="style3">20</td>
<td class="style3">62</td>
</tr>

<tr align="center" valign="middle" bgcolor="#EEEEEE">
<td height="24"><span class="style4">2</span></td>
<td bgcolor="#FFFFFF"><a href="http://www.spartak.com"><img src="clubs/logo_spartak.GIF" height="24" border="0"></a></td>
<td class="style4">"Спартак" Москва</strong></td>
<td class="style4">30</td>
<td class="style4">16</td>
<td class="style4">8</td>
<td class="style4">6</td>
<td class="style4">47</td>
<td class="style4">26</td>
<td class="style4">56</td>
</tr>

<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td height="24"><span class="style6">3</span></td>
<td bgcolor="#FFFFFF"><a href="http://www.lokomotiv.ru"><img src="clubs/logo_lokomotiv.GIF" height="24" border="0"></a></td>
<td class="style6">"Локомотив" Москва</td>
<td class="style6">30</td>
<td class="style6">14</td>
<td class="style6">14</td>
<td class="style6">2</td>  
<td class="style6">41</td>
<td class="style6">18</td>
<td class="style6">56</td>
</tr>

<tr align="center" valign="middle" bgcolor="#EEEEEE">
<td height="24"><strong>4</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.rubin-kazan.ru"><img src="clubs/logo_rubin.GIF" height="24" border="0"></a></td>
<td><strong>"Рубин" Казань</strong></td>
<td><strong>30</strong></td>
<td><strong>14</strong></td>
<td><strong>9</strong></td>
<td><strong>7</strong></td>
<td><strong>44</strong></td>
<td><strong>31</strong></td>
<td><strong>51</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td height="24"><strong>5</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.fcmoscow.ru"><img src="clubs/logo_moscow.GIF" height="24" border="0"></a></td>
<td><strong>"ФК Москва" Москва</strong></td>
<td><strong>30</strong></td>
<td><strong>14</strong></td>
<td><strong>8</strong></td>
<td><strong>8</strong></td>
<td><strong>36</strong></td>
<td><strong>26</strong></td>
<td><strong>50</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#EEEEEE">
<td height="24"><strong>6</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.fc-zenit.ru"><img src="clubs/logo_zenit.GIF" height="24" border="0"></a></td>
<td><strong>"Зенит" Санкт-Петербург</strong></td>
<td><strong>30</strong></td>
<td><strong>13</strong></td>
<td><strong>10</strong></td>
<td><strong>7</strong></td>
<td><strong>45</strong></td>
<td><strong>26</strong></td>
<td><strong>49</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td height="24"><strong>7</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.torpedo.ru"><img src="clubs/logo_torpedo.GIF" height="24" border="0"></a></td>
<td><strong>"Торпедо" Москва</strong></td>  
<td><strong>30</strong></td>
<td><strong>12</strong></td>
<td><strong>9</strong></td>
<td><strong>9</strong></td>  
<td><strong>37</strong></td>
<td><strong>33</strong></td>
<td><strong>45</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#EEEEEE">
<td height="24"><strong>8</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.fcdynamo.ru"><img src="clubs/logo_dinamo.GIF" height="24" border="0"></a></td>
<td><strong>"Динамо" Москва</strong></td>
<td><strong>30</strong></td>
<td><strong>12</strong></td>
<td><strong>2</strong></td>
<td><strong>16</strong></td>
<td><strong>36</strong></td>
<td><strong>46</strong></td>
<td><strong>38</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td height="24"><strong>9</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.shinnik.yar.ru"><img src="clubs/logo_shinnik.GIF" height="24" border="0"></a></td>
<td><strong>"Шинник" Ярославль</strong></td>
<td><strong>30</strong></td>
<td><strong>9</strong></td>  
<td><strong>11</strong></td>
<td><strong>10</strong></td>
<td><strong>26</strong></td>
<td><strong>29</strong></td>
<td><strong>38</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#EEEEEE">
<td height="24"><strong>10</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.football.tomsk.ru"><img src="clubs/logo_tom.GIF" height="24" border="0"></a></td>
<td><strong>"Томь" Томск</strong></td>
<td><strong>30</strong></td>   
<td><strong>9</strong></td>  
<td><strong>10</strong></td>  
<td><strong>11</strong></td>  
<td><strong>28</strong></td>  
<td><strong>33</strong></td>
<td><strong>37</strong></td>
</tr>  

<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td height="24"><strong>11</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.saturn-fc.ru"><img src="clubs/logo_saturn.GIF" height="24" border="0"></a></td>  
<td><strong>"Сатурн" Московская обл.</strong></td>
<td><strong>30</strong></td>
<td><strong>8</strong></td>  
<td><strong>9</strong></td>  
<td><strong>13</strong></td>  
<td><strong>23</strong></td>  
<td><strong>25</strong></td>
<td><strong>33</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#EEEEEE">
<td height="24"><strong>12</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.amkar.ru"><img src="clubs/logo_amkar.GIF" height="24" border="0"></a></td>
<td><strong>"Амкар" Пермь</strong></td>
<td><strong>30</strong></td>
<td><strong>7</strong></td>
<td><strong>12</strong></td>  
<td><strong>11</strong></td>
<td><strong>25</strong></td>
<td><strong>36</strong></td>  
<td><strong>33</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td height="24"><strong>13</strong></td>
<td bgcolor="#FFFFFF"><a href="http://www.fc-rostov.ru"><img src="clubs/logo_rostov.GIF" height="24" border="0"></a></td>
<td><strong>"Ростов" Ростов-на-Дону</strong></td>  
<td><strong>30</strong></td>
<td><strong>8</strong></td>  
<td><strong>7</strong></td>  
<td><strong>15</strong></td>  
<td><strong>26</strong></td>  
<td><strong>41</strong></td>
<td><strong>31</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#EEEEEE">
<td height="24"><strong>14</strong></td>  
<td bgcolor="#FFFFFF"><a href="http://www.kc-camapa.ru"><img src="clubs/logo_kc.GIF" height="24" border="0"></a></td>
<td><strong>"Крылья Советов" Самара</strong></td>
<td><strong>30</strong></td>
<td><strong>7</strong></td>  
<td><strong>8</strong></td>  
<td><strong>15</strong></td>
<td><strong>29</strong></td>  
<td><strong>44</strong></td>  
<td><strong>29</strong></td>
</tr>

<tr align="center" valign="middle" bgcolor="#FFFFFF">
<td height="24"><span class="style7">15</span></td>
<td bgcolor="#FFFFFF"><a href="http://www.fc-alania.ru"><img src="clubs/logo_alanija.GIF" height="24" border="0"></a></td>
<td class="style7">"Алания" Владикавказ</td>
<td class="style7">30</td>
<td class="style7">5</td>
<td class="style7">8</td>
<td class="style7">17</td>
<td class="style7">27</td>
<td class="style7">53</td>  
<td class="style7">23</td>
</tr>  

<tr align="center" valign="middle" bgcolor="#EEEEEE">
<td height="24"><span class="style7">16</span></td>
<td bgcolor="#FFFFFF"><a href="http://www.terek.ru"><img src="clubs/logo_terek.GIF" height="24" border="0"></a></td>  
<td class="style7">"Терек" Грозный</td>  
<td class="style7">30</td>
<td class="style7">5</td>  
<td class="style7">5</td>
<td class="style7">20</td>  
<td class="style7">20</td>  
<td class="style7">50</td>  
<td class="style7">20</td>
</tr>
</table>

При одном взгляде на это безобразие оторопь берёт. А если строк будет не 16, а 20, 30...? Сократить код таблицы, в смысле уменьшить количество определителей ячеек, мы не можем - такова спецификация HTML, но мы можем сделать код гораздо нагляднее и яснее для изменения данных.

Как правило, при создании таблиц средствами HTML, веб-мастера используют только теги <table>, <tr>, <td>.
Редко кто использует для ячеек с заголовками тег <th>, обычно пишут <td>текст</td>. Хотя большинство всё-таки где-то встречало информацию, что существуют у таблиц специальные тэги для заголовков и код таблицы может иметь и такой вид.

<TABLE>
<THEAD>
<TR> ...информация "шапки"...
</THEAD>
<TFOOT>
<TR> ...информация футера...
</TFOOT>
<TBODY>
<TR> ...первый ряд данных блока 1...
<TR> ...второй ряд данных блока 1...
</TBODY>
<TBODY>
<TR> ...первый ряд данных блока 2...
<TR> ...второй ряд данных блока 2...
<TR> ...третий ряд данных блока 2...
</TBODY>
</TABLE>

Ряды таблицы могут быть сгруппированы в "шапку", футер и один или более разделов тела документа с помощью элементов THEAD, TFOOT и TBODY соответственно. Это разделение делает возможным для ПА поддерживать прокрутку тела таблицы независимо от "шапки" и футера. Если распечатываются большие таблицы, информация "шапки" и футера может повторяться на каждой странице, содержащей данные таблицы. "Шапка" и футер таблицы должны содержать информацию о столбцах таблицы. Тело таблицы должно содержать ряды данных таблицы. Если элементы THEAD, TFOOT и TBODY установлены, каждый из них содержит группу рядов. Каждая группа рядов должна содержать минимум один ряд, определённый элементом TR.

Однако для таблиц существуют ещё несколько тэгов, которые обычно не используются, поскольку применение их имеет смысл только для больших таблиц. А турнирные таблицы как раз такими и являются.
Рассмотрим пример таблицы, в которой используются все возможные теги. На примере данного HTML-кода попытаемся объяснить теги, предназначенные для верстки таблиц. В смысл информации, содержащейся в таблице, лучше не вникать smile

<table>
 <caption>Уровень продаж карандашей</caption>
 <colgroup span="3">
<col width="40%" align="center" />
<col width="30%" />
<col width="30%" />
</colgroup>
<thead>
<tr>
<th>Месяц</th>
<th>Продано</th>
<th>Выручка</th>
</tr>
</thead></p>
<tfoot>
<tr>
<td>Период продаж</td>
<td>Количество штук</td>
<td>Доход в у.е.</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Июнь</td>
<td>30.000</td>
<td>100</td>
</tr>
<tr>
<td>Июль</td>
<td>60.000</td>
<td>200</td>
</tr>
</tbody>
</table>

А вот так эта таблица выглядит:
Уровень продаж карандашей
МесяцПроданоВыручка
Период продажКоличество штукДоход в у.е.
Июнь30.000100
Июль 60.000200

Повторюсь - основные теги в таблице должны идти именно в таком порядке, т. е. после начала таблицы (<table>) сразу идет ее описание (<caption>), потом свойства столбцов таблицы (<colgroup>), потом заголовок таблицы (<thead>), нижняя часть таблицы (<tfoot>), содержащие информацию о столбцах таблицы и только после всего этого уже тело таблицы (<tbody>), в котором и содержатся все основные данные.

Из всего это многообразия для таблиц обязательными являются лишь элементы <table>, <tr> и <td>. Все остальные могут использоваться по мере необходимости.

Вот здесь они и появились, эти таинственные тэги - COLGROUP и COL. Даю справку:

Элемент
Атрибуты Значения
span NUMBER - количество по умолчанию столбцов в группе
width CDATA - ПРЕДПОЛАГАЕТСЯ -- ширина по умолчанию для COL, входящих в группу
cellhalign горизонтальное выравнивание в ячейках
cellvalign вертикальное выравнивание в ячейках

Требуется открывающий тэг, использование закрывающего тэга необязательно, но желательно для приобретения привычки создания корректного кода.

span = integer - Задает количество столбцов в группе, используемых по умолчанию. Должен быть целым числом > 0. ПА должны игнорировать этот атрибут, если элемент COLGROUP содержит один или более элементов COL.

width = length - Этот атрибут определяет ширину по умолчанию для каждого столбца текущей группы столбцов. В дополнение к стандартным значениям в пикселах, процентах, относительных единицах, этот атрибут допускает специальную форму "0*" (нулевая звёздочка), которая означает, что ширина каждого столбца в группе должна быть наименьшей возможной для вмещения содержимого ячейки. Это предполагает, что всё содержимое столбца должно быть известно до того, как его ширина может быть корректно просчитана. Авторы должны помнить, что определение "0*" будет предупреждать визуальные ПА, что таблица не должна отображаться частями.

Этот атрибут переопределяется для любого столбца в группе, чей атрибут width определён в элементе COL.

Прочие атрибуты:

* id, class - идентификаторы документа;
* lang - язык:, dir - направление текста; * title - заголовок элемента;
* style - инлайн-стиль;
* onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - внутренние события;
* align, char, charoff, valign - выравнивание в ячейке.

В таблице должна содержаться по крайней мере одна группа столбцов. Если группа столбцов не описана явно, то считается, что в таблице одна группа столбцов, содержащая все столбцы таблицы. Элемент COLGROUP определяет группу столбцов в явном виде.

Преимуществом использования атрибута span является то, что можно группировать информацию о ширине столбцов. Так, если таблица содержит 40 столбцов, каждый из которых имеет ширину 20 пикселов, можно просто записать:

<COLGROUP span="40" width="20"> </COLGROUP>

вместо:

<COLGROUP>
 <COL width="20">
 <COL width="20">
...и так все 40 элементов COL...
<COLGROUP>

Элемент COL

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутов

span = число
Этот атрибут, значением которого должно быть целое число больше нуля, определяет число столбцов, "spanned" элементом COL; атрибуты элемента COL распространяются на все столбцы, которые он spans. Значение по умолчанию для этого атрибута - 1 (т.е. элемент COL означает один столбец). Если для атрибута span установлено значение N > 1, атрибуты текущего элемента COL распространяются на следующие N-1 столбец.

width = multi-length
Этот атрибут определяет ширину каждого столбца, spanned текущим элементом COL, используемую по умолчанию. Он имеет то же значение, что и атрибут width для элемента COLGROUP и имеет над ним приоритет.

Атрибуты, определяемые в любом другом месте

* id, class (идентификаторы в пределах документа)
* lang (информация о языке), dir (направление текста)
* title (заголовок элемента)
* style (встроенная информация о стиле)
* onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
* align, char, charoff, valign (выравнивание в ячейках)

Учитывая всё вышесказанное, облегчим код нашей таблицы. То есть сделаем его более читаемым и понятным с использованием тэгов colgroup:

<table cellspacing="0" cellpadding="0" width="550" align="center" border="0"><tbody><tr><td width="550"><table width="550" border="1" bordercolor="#CC0066" cellspacing="1" cellpadding="0">
<colgroup span="1" width="30" align="center">
</colgroup>
<colgroup span="1" width="70" align="center" >
</colgroup>
<colgroup span="1" width="240" align="center" style="font-weight:bold;">
</colgroup>
<colgroup span="7" width="30" align="center" style="font-weight:bold;">
</colgroup>
<thead>
<tr bgcolor="#009966" style="text-align:center; font-size:large; color:#FFFFFF">
<th colspan="2" height="34">Место</th>
<th>Название команды</th>
<th>И</th>
<th>В</th>
<th>Н</th>
<th>П</th>
<th>МЗ</th>
<th>МП</th>
<th>О</th>
</tr>
</thead><tbody>
<tr bgcolor="#FFFFFF" style="color:#FFCC00;">
<td>1</td>
<td><a href="http://www.cska-football.ru"><img src="http://sport.skan.ru/clubs/logo_cska.GIF" height="24" border="0"></a></td>
<td >ЦСКА Москва</td>
<td >30</td>
<td >18</td>
<td >8</td>
<td >4</td>
<td >48</td>
<td >20</td>
<td >62</td>
</tr>
<tr bgcolor="#EEEEEE" style="color:#999999; font-weight:bold">
<td >2</td>
<td ><a href="http://www.spartak.com"><img src="http://sport.skan.ru/clubs/logo_spartak.GIF" height="24" border="0"></a></td>
<td >"Спартак" Москва</td>
<td >30</td>
<td >16</td>
<td >8</td>
<td >6</td>
<td >47</td>
<td >26</td>
<td >56</td>
</tr>
<tr bgcolor="#FFFFFF" style="color:#57B687;">
<td >3</td>
<td ><a href="http://www.lokomotiv.ru"><img src="http://sport.skan.ru/clubs/logo_lokomotiv.GIF" height="24" border="0"></a></td>
<td >"Локомотив" Москва</td>
<td >30</td>
<td >14</td>
<td >14</td>
<td >2</td>
<td >41</td>
<td >18</td>
<td >56</td>
</tr>
<tr bgcolor="#EEEEEE">
<td >4</td>
<td ><a href="http://www.rubin-kazan.ru"><img src="http://sport.skan.ru/clubs/logo_rubin.GIF" height="24" border="0"></a></td>
<td>"Рубин" Казань</td>
<td>30</td>
<td>14</td>
<td>9</td>
<td>7</td>
<td>44</td>
<td>31</td>
<td>51</td>
</tr>
<tr bgcolor="#FFFFFF">
<td >5</td>
<td ><a href="http://www.fcmoscow.ru"><img src="http://sport.skan.ru/clubs/logo_moscow.GIF" height="24" border="0"></a></td>
<td>"ФК Москва" Москва</td>
<td>30</td>
<td>14</td>
<td>8</td>
<td>8</td>
<td>36</td>
<td>26</td>
<td>50</td>
</tr>
<tr bgcolor="#EEEEEE">
<td >6</td>
<td ><a href="http://www.fc-zenit.ru"><img src="http://sport.skan.ru/clubs/logo_zenit.GIF" height="24" border="0"></a></td>
<td>"Зенит" Санкт-Петербург</td>
<td>30</td>
<td>13</td>
<td>10</td>
<td>7</td>
<td>45</td>
<td>26</td>
<td>49</td>
</tr>
<tr bgcolor="#FFFFFF">
<td >7</td>
<td ><a href="http://www.torpedo.ru"><img src="http://sport.skan.ru/clubs/logo_torpedo.GIF" height="24" border="0"></a></td>
<td>"Торпедо" Москва</td>
<td>30</td>
<td>12</td>
<td>9</td>
<td>9</td>
<td>37</td>
<td>33</td>
<td>45</td>
</tr>
<tr bgcolor="#EEEEEE">
<td >8</td>
<td ><a href="http://www.fcdynamo.ru"><img src="http://sport.skan.ru/clubs/logo_dinamo.GIF" height="24" border="0"></a></td>
<td>"Динамо" Москва</td>
<td>30</td>
<td>12</td>
<td>2</td>
<td>16</td>
<td>36</td>
<td>46</td>
<td>38</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>9</td>
<td><a href="http://www.shinnik.yar.ru"><img src="http://sport.skan.ru/clubs/logo_shinnik.GIF" height="24" border="0"></a></td>
<td>"Шинник" Ярославль</td>
<td>30</td>
<td>9</td>
<td>11</td>
<td>10</td>
<td>26</td>
<td>29</td>
<td>38</td>
</tr>
<tr bgcolor="#EEEEEE">
<td >10</td>
<td ><a href="http://www.football.tomsk.ru"><img src="http://sport.skan.ru/clubs/logo_tom.GIF" height="24" border="0"></a></td>
<td>"Томь" Томск</td>
<td>30</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>28</td>
<td>33</td>
<td>37</td>
</tr>
<tr bgcolor="#FFFFFF">
<td >11</td>
<td ><a href="http://www.saturn-fc.ru"><img src="http://sport.skan.ru/clubs/logo_saturn.GIF" height="24" border="0"></a></td>
<td>"Сатурн" Московская обл.</td>
<td>30</td>
<td>8</td>
<td>9</td>
<td>13</td>
<td>23</td>
<td>25</td>
<td>33</td>
</tr>
<tr bgcolor="#EEEEEE">
<td >12</td>
<td ><a href="http://www.amkar.ru"><img src="http://sport.skan.ru/clubs/logo_amkar.GIF" height="24" border="0"></a></td>
<td>"Амкар" Пермь</td>
<td>30</td>
<td>7</td>
<td>12</td>
<td>11</td>
<td>25</td>
<td>36</td>
<td>33</td>
</tr>
<tr bgcolor="#FFFFFF">
<td >13</td>
<td ><a href="http://www.fc-rostov.ru"><img src="http://sport.skan.ru/clubs/logo_rostov.GIF" height="24" border="0"></a></td>
<td>"Ростов" Ростов-на-Дону</td>
<td>30</td>
<td>8</td>
<td>7</td>
<td>15</td>
<td>26</td>
<td>41</td>
<td>31</td>
</tr>
<tr bgcolor="#EEEEEE">
<td>14</td>
<td ><a href="http://www.kc-camapa.ru"><img src="http://sport.skan.ru/clubs/logo_kc.GIF" height="24" border="0"></a></td>
<td>"Крылья Советов" Самара</td>
<td>30</td>
<td>7</td>
<td>8</td>
<td>15</td>
<td>29</td>
<td>44</td>
<td>29</td>
</tr>
<tr bgcolor="#FFFFFF" style="color:#FF0000;">
<td >15</td>
<td ><a href="http://www.fc-alania.ru"><img src="http://sport.skan.ru/clubs/logo_alanija.GIF" height="24" border="0"></a></td>
<td >"Алания" Владикавказ</td>
<td >30</td>
<td >5</td>
<td >8</td>
<td >17</td>
<td >27</td>
<td >53</td>
<td >23</td>
</tr>
<tr bgcolor="#EEEEEE" style="color:#FF0000;">
<td >16</td>
<td ><a href="http://www.terek.ru"><img src="http://sport.skan.ru/clubs/logo_terek.GIF" height="24" border="0"></a></td>
<td >"Терек" Грозный</td>
<td >30</td>
<td >5</td>
<td >5</td>
<td >20</td>
<td >20</td>
<td >50</td>
<td >20</td>
</tr>
</tbody>
</table></td></tr></tbody></table>

А вот как выглядит наша таблица:
Место Название команды И В Н П МЗ МП О
1 ЦСКА Москва 30 18 8 4 48 20 62
2 "Спартак" Москва 30 16 8 6 47 26 56
3 "Локомотив" Москва 30 14 14 2 41 18 56
4 "Рубин" Казань 30 14 9 7 44 31 51
5 "ФК Москва" Москва 30 14 8 8 36 26 50
6 "Зенит" Санкт-Петербург 30 13 10 7 45 26 49
7 "Торпедо" Москва 30 12 9 9 37 33 45
8 "Динамо" Москва 30 12 2 16 36 46 38
9 "Шинник" Ярославль 30 9 11 10 26 29 38
10 "Томь" Томск 30 9 10 11 28 33 37
11 "Сатурн" Московская обл. 30 8 9 13 23 25 33
12 "Амкар" Пермь 30 7 12 11 25 36 33
13 "Ростов" Ростов-на-Дону 30 8 7 15 26 41 31
14 "Крылья Советов" Самара 30 7 8 15 29 44 29
15 "Алания" Владикавказ 30 5 8 17 27 53 23
16 "Терек" Грозный 30 5 5 20 20 50 20

Категория: Разное | Добавил: Isida (2007-01-25)
Просмотров: 7875 | Комментарии: 13 | Рейтинг: 0.0/0
Всего комментариев: 121 2 »
2008-05-14 Спам
12. RamoN
Люди подскажите создал таблицу , перенес на хтмл страницу, как теперь загрузить его на сайт?
Заранее благодарен
Ответ администратора: А зачем на ХТМЛ страницу???

2007-12-22 Спам
11. Вова
Есть более просто вариант, без заморочек, тоже думал по этому поводу, делаем так
1. Качаем Sport Tables 2.4
2. В этой проги делаем нужные таблицы, просто добавляем в нее результаты, не надо самому всё считать.
3. Из проги сохраняем кому как нравиться, в джпег, эксель, в штмл и закидываем на сайт
4. Настроек очень в проге много, и цвет и количество команд и т.д.

2007-11-06 Спам
10. LAKO
wacko мда ...

2007-04-30 Спам
9. Elena (Isida)
Всё. Теперь статья доделана...

2007-04-13 Спам
8. KUB.ucoz.ru/
Вообщем это чушь какая-то...
Повторяющиеся строки можно заменить глобальными блоками например...больше там ничего сделать нельзя, или например подогнать один из модулей укоза под это дело, только ещё не представляю как...

К чему эта статься не понимаю совершенно.

Ответ администратора: Это ПОЛ СТАТЬИ. Перенос со старого сайта. Никак руки не доходят дописать... ибо там надо писать много кода и всё вручную так как даже Дримвьювер постоянно портит код.

2007-03-14 Спам
7. NiTRO
так и в чем суть этой статьи? в том что ВЫ сделали таблицу? "А если не дай бог придётся менять данные в таблице?" так по любому придется.......не пойму...

2007-02-09 Спам
6. Frozen
Quote
а чем таким изменится (улучшится) код если вместо <td>, будет стоять <th>.....имхо ни чем

Если это заголовочная ячейка, то должно быть TH. Если говорить про представленный код - весь на помойку. Ну а сократиь его можно, примерно на две трети.

2007-02-06 Спам
5. SMV
а чем таким изменится (улучшится) код если вместо <td>, будет стоять <th>.....имхо ни чем, только замененым тегом ячейки на тег заголовка, какой смысл?
делать как было задумано? оно и так правильно.

2007-02-01 Спам
4. Frozen
Quote
Отключила визуальный редактор в итоге. Кошмарный монстр оказался...

Такое происходит при редактировании (некоторые теги могут вообще исчезнуть), а визуальный редактор лучше вообще не использовать.

2007-01-28 Спам
3. Frozen
Quote
При редактировании сильно попортился код - в статье ведь куча таблиц

А можно подробней? Как портится код?
Ответ администратора: Переносила статью со старого Полигона.
Почему-то там где в тексте были тэги, они стали тэгами в коде страницы. Не уловила на каком этапе редактироввания это произошло. Отключила визуальный редактор в итоге. Кошмарный монстр оказался...
Результат можно посмотреть тут - http://abba.ucoz.ru/publ/1-1-0-25

1-10 11-12
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа



Поиск



Категории раздела


Советы [3]
Делимся приёмами и наработками.
Хитрости uCoz [5]
Особенности системы uCoz.
uCoz для Чайников [7]
Информация для начинающего администратора сервиса Ucoz
Разное [2]
Статьи по WEB-дизайну, теория и практика сайтостроения
Книги [4]

Комментарии


Здравствуйте! Пару дней назад почему-то изменился вид сообщений на форуме. Если сообщение длинное, то перенос с одной строки на другую происходит не целыми словами, а разрывом слова типа "соо бщение". Что и как нужно изменить в настройках дизайна?
Заметим, что мы даже не чайники, а "пеньки" как назвал себе Сергей Зароднов (Следопыт). И вообще ничего не меняли.
Answer: Сложно что-то сказать не видя сам форум. Извините, но для решения проблемы необходим адрес проблемного ресурса. Дабы провести тестирование и после него определить причину.


Здравствуйте! Спасибо за шпаргалку! Но на ней не указано, как поменять цвет надписей описание иконок: "обычная тема", "закрытая тема"... Подскажите пожалуйста, как это сделать.
Answer: У надписей класс legendTd

Можно ли на форуме узнать, какое сообщение, из всех имеющихся на форуме, является сотым, двухсотым, трехсотым и т.д.
Answer: В принципе можно, это вычисляется по адресу сообщения, но очень морочно ибо нумерация учитывает адрес форума, подфорума. Точная логика известна только программисту, писавшему скрипт форума.

Пропала возможность удалять спам - сообщения на форуме (с паролем админа), что можно сделать?
Процедура та же как и всегда, по окончанию, ничего не происходит.
Заранее спасибо
Answer: Что-то меняли в правах групп? Или может зашли не администратором?


Друзья сайта


uBox гарант-сервис

Команда сайта


Партнёры


Сейчас на сайте



Онлайн всего: 1
Гостей: 1
Пользователей: 0