На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
Модераторы: Vasya2000, Serafim, fatalist
  
> Нумерация в таблице
    Есть файл со списком фильмов, я его вручную в блокноте набросал. Удобно искать, когда фильмы расположены по алфавиту, но при добавлении нового фильма в середину списка возникает необходимость увеличить нумерацию строк после вставки, что делать вручную не хочется.

    Как создать автоматическую нумерацию в таблице, используя только возможности HTML

    1. Должно работать на всех броузерах включая старые IE
    2. Не применять JawaScript и VBScript

    ExpandedWrap disabled
      <html>
          <head>
              <meta http-equiv=Content-Type content="text/html; charset=windows-1251">
              <title>
              Фильмы
              </title>
              <style type='text/css'>
                  td
                      {
                      background-color:#FFFFFF;
                      text-align:left;
                      white-space:nowrap;
                      font-size:10pt;
                      font-family:'Courier New';
                      font-style:normal;
                      font-weight:normal;
                      padding-left:5px;
                      padding-right:5px;
                      border:solid #B0B0B0;
                      border-top-width:1px;
                      border-right-width:1px;
                      border-bottom-width:0px;
                      border-left-width:1px;
                      }
                  .table
                      {
                      border-collapse:collapse;
                      border:1px solid #B0B0B0;
                      }
                  tr
                      {
                      color:#000000
                      }
                  .h
                      {
                      background-color:#E0E0E0;
                      color:#000000;
                      font-size:10pt;
                      font-family:'Courier New';
                      font-style:normal;
                      font-weight:normal;
                      text-align:left;
                      }
              </style>
          </head>
          <body>
              <table class='table'>
                  <tr>
                      <td class='h' width='10%'>
                          N
                      </td>
                      <td class='h' width='60%'>
                          название
                      </td>
                      <td class='h' width='30%'>
                          жанр
                      </td>
                  </tr>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          Алеша Попович и Тугарин Змей
                      </td>
                      <td>
                          мультфильм
                      </td>
                  </tr>
                  <tr>
                      <td>
                          2
                      </td>
                      <td>
                          Багровый прилив
                      </td>
                      <td>
                          триллер
                      </td>
                  </tr>
                  <tr>
                      <td>
                          3
                      </td>
                      <td>
                          Беглец
                      </td>
                      <td>
                          триллер
                      </td>
                  </tr>
                  <tr>
                      <td>
                          4
                      </td>
                      <td>
                          Бунтарка
                      </td>
                      <td>
                          комедия
                      </td>
                  </tr>
                  <tr>
                      <td>
                          5
                      </td>
                      <td>
                          Викинги
                      </td>
                      <td>
                          фантастика
                      </td>
                  </tr>
                  <tr>
                      <td>
                          6
                      </td>
                      <td>
                          Вирус Андромеда
                      </td>
                      <td>
                          фантастика
                      </td>
                  </tr>
                  <tr>
                      <td>
                          7
                      </td>
                      <td>
                          Воздушная тюрьма
                      </td>
                      <td>
                          боевик
                      </td>
                  </tr>
                  <tr>
                      <td>
                          8
                      </td>
                      <td>
                          Вторжение
                      </td>
                      <td>
                          фантастика
                      </td>
                  </tr>
                  <tr>
                      <td>
                          9
                      </td>
                      <td>
                          Грань будущего
                      </td>
                      <td>
                          фантастика
                      </td>
                  </tr>
                  <tr>
                      <td>
                          10
                      </td>
                      <td>
                          Дежа вю
                      </td>
                      <td>
                          фантастика
                      </td>
                  </tr>
              </table>
          <br>
          </body>
      </html>
    Сообщение отредактировано: Mr.Brooks -
      Для старых IE это врядли, но вот это работает с 8 версии
      http://htmlbook.ru/css/counter-increment
      http://shpargalkablog.ru/2015/10/numbering-table.html
      0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
      0 пользователей:


      Рейтинг@Mail.ru
      [ Script execution time: 0,0280 ]   [ 15 queries used ]   [ Generated: 28.03.24, 14:47 GMT ]