plg_search_sppagebuilder
Поиск в работах
Поиск по разделам
Поиск -в контактах
Поиск - Контент
Поиск в лентах новостей
Поиск по тегам
ruenkade
Proobraz Югорск +7-932-247-85-38 mail@proobraz.net Прообраз

Как быстро и красиво размещать таблицы на сайте

/ Хитов: 29

1 способ. Прямая вставка таблицы из Word на сайт

Вставка таблицы комбинацией CTR-V. Получаем чистую таблицу, и остальная красота настраивается стилями, применяемымиавтоматически для всех таблиц определенного класса. Это и ширина в 100%, и обводка, типографика, и заливка четных - нечетных строк...

2 способ. Поместить во фрейм

Переводим документ Word в pdf, загружаем на сайт и размещаем ссылку во фрейме

<iframe style="width: 100%; height: 500px;" src="/images/tab.pdf?embedded=true" type="application/pdf" frameborder="0">


3 Разместить ссылку для скачивания таблиц

Документ - таблица

 

4. Сохранить Word в виде HTML и разместить код на странице сайта


Неделя

 



Понедельник

Вторник

 

 

ИМЯ

Номер

Имя

Номер

8:00

Имя клиента

404.555.0132

8:00

 

 

9:00

 

 

9:00

 

 

10:00

 

 

10:00

 

 

11:00

 

 

11:00

 

 

12:00

 

 

12:00

 

 

13:00

 

 

13:00

 

 

14:00

 

 

14:00

 

 

15:00

 

 

15:00

 

 

16:00

 

 

16:00

 

 

17:00

 

 

17:00

 

 

Среда

Четверг

 

 

Имя

Номер

Имя

Номер

8:00

 

 

8:00

 

 

9:00

 

 

9:00

 

 

10:00

 

 

10:00

 

 

11:00

 

 

11:00

 

 

12:00

 

 

12:00

 

 

13:00

 

 

13:00

 

 

14:00

 

 

14:00

 

 

15:00

 

 

15:00

 

 

16:00

 

 

16:00

 

 

17:00

 

 

17:00

 

 

Пятница

Суббота и Воскресенье

 

Имя

Номер

Имя

Номер

8:00

 

 

8:00

 

 

9:00

 

 

9:00

 

 

10:00

 

 

10:00

 

 

11:00

 

 

11:00

 

 

12:00

 

 

12:00

 

 

13:00

 

 

13:00

 

 

14:00

 

 

14:00

 

 

15:00

 

 

15:00

 

 

16:00

 

 

16:00

 

 

17:00

 

 

17:00

 

 

               

 

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

Материалы для скачивания:
  • Док (3 Скачиваний)
  • Pdf (1 Скачать)
  • Автор

    Proobraz

    Proobraz

    Автор: Сергей Сизов

    тел.: +7 932 247 85 38

    Proobraz. Визуализация бренда

    www.proobraz.net

    ruslogo logotype

     

    Получить форму для брифа (ТЗ)

    Сейчас на сайте 250626 гостей и 1 пользователь

    Please publish modules in offcanvas position.