Как с помощю HTML сделать такую таблицу?

Тема в разделе "Как сделать...", создана пользователем Life-BEC, 15 ноя 2011.

  1. Life-BEC

    Life-BEC

    Регистр.:
    1 апр 2009
    Сообщения:
    186
    Симпатии:
    20
  2. vlad_v

    vlad_v

    Регистр.:
    30 июн 2006
    Сообщения:
    444
    Симпатии:
    67
    это не таблица, а график.
    через хтмл можно сделать блочной версткой например.
     
  3. Life-BEC

    Life-BEC

    Регистр.:
    1 апр 2009
    Сообщения:
    186
    Симпатии:
    20
    можно образец?
     
  4. trooll

    trooll PHP кодер

    Регистр.:
    22 дек 2008
    Сообщения:
    503
    Симпатии:
    116
    Причем тут PHP? Или ты мысль в старт посте не до конца развил?

    По теме:
    Для построения блоков с текстом, используй либо таблицу либо дивы. Думаю лучше дивы использовать, с ними будет проще блоки позиционировать.

    Для построения стрелочек используй картинки отрисованные с этими стрелочками.

    Причем дабы уменьшить геморой, думаю делать эту аппликацию нужно в фиксированном блоке.
     
  5. Sysfaray

    Sysfaray Постоялец

    Регистр.:
    7 окт 2007
    Сообщения:
    148
    Симпатии:
    70
    Господа ,а не лучше будет вариант сделать иллюстрацию этой схемы, тайтлы к нему прописать правильные, указать новые форматы вывода контента yandex. написать описания каждого пункта текстом.
     
  6. Life-BEC

    Life-BEC

    Регистр.:
    1 апр 2009
    Сообщения:
    186
    Симпатии:
    20
    просто не нащел подходящый раздел.

    господа пример дайте, пожалуйста.

    Я тоже думаю, сделать просто скрин таблицы и выложит.
     
  7. Красавчег

    Красавчег Завсегдатай

    Регистр.:
    15 мар 2010
    Сообщения:
    902
    Симпатии:
    300
    Вполне нормальное решение.. помимо тайтлов ещё альты к изображению прописать не забудьте.
     
  8. zip111

    zip111 Постоялец

    Регистр.:
    24 июл 2009
    Сообщения:
    139
    Симпатии:
    118
    Ну старт блоками дам:
    PHP:
    <h1 align="center">Типо такого </h1>
    <
    table width="557" height="420" border="1">
    <
    tr>
      <
    td><table width="557" height="448" border="1">
        <
    tr>
          <
    td width="152">TEXTS1</td>
          <
    td width="152">TEXTS2</td>
          <
    td width="152">TEXTS3</td>
        </
    tr>
        <
    tr>
          <
    td><h2 align="center">Россия</h2></td>
        </
    tr>
        <
    tr>
         <
    td>TEXTS1</td>
          <
    td>TEXTS1</td>
          <
    td>TEXTS1</td>
        </
    tr>
          <
    tr>
          <
    td><h2 align="center">Украина</h2></td>
        </
    tr>
          <
    tr>
          <
    td>TEXTS1</td>
          <
    td>TEXTS1</td>
          <
    td>TEXTS1</td>
        </
    tr>
      </
    table><h2 align="center">&nbsp;</h2></td></tr>
    </
    table>
    [​IMG]
     
  9. Life-BEC

    Life-BEC

    Регистр.:
    1 апр 2009
    Сообщения:
    186
    Симпатии:
    20
    zip111, значит все равно таблица полностью на HTML не получиться?!
    Надо добавить рисунок стрелки?

    Добавлено через 3 минуты
    Красавчег, на примере покажите, плз!
    На счет этого рисунка можно сказать что он: "Диагностический алгоритм скарлатины"
     
  10. o_nix

    o_nix

    Регистр.:
    7 ноя 2007
    Сообщения:
    1.073
    Симпатии:
    1.037
    Life-BEC

    есть инструмент Dreamweaver
    я когда не знаю как что то в html сделать делаю в нём а потом смотрю исходный получившийся код и допиливаю уже руками, одновременно и понимание того как надо было сделать приходит

    Называется такая структура не таблица и темболее не график

    называется это "блок схема"

    Есть MS Visio - отличный специализированный инструмент для создания блоксхем - но вот есть ли там экспорт в html я точно незнаю (пользовался последний раз лет 7 назад) но вроде как должен быть как во всех продуктах майкрософта.

    если он там есть то сделаете такую блоксхему в готовом html виде в течении 15ти минут.

    Можно даже через MS Word такую html блок схему сделать но времени потратите в разы больше, лучше юзать специализированный софт.