Как в html сделать таблицу?

@Ципихович Эндрю · Регистрация: 10.04.2009

Студворк — интернет-сервис помощи студентам

Скажите, как в html сделать таблицу две строки, два столбца перемычка между столбцами – вертикальная линия посредине таблицы не видимая?

@mrtoxas · 23.05.2016, 21:38

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.tg {
  margin:20px;
  border-collapse:collapse;
  border-spacing:0;
}
 
tr{
  border:1px solid black;
}
 
.tg td{
  padding:10px 10px;
  border-width:1px;
  overflow:hidden;
  word-break:normal;
}

HTML5
1
2
3
4
5
6
7
8
9
10
<table class="tg">
  <tr>
    <td>1000</th>
    <td>2000</th>
  </tr>
  <tr>
    <td>3000</td>
    <td>4000</td>
  </tr>
</table>

@Ципихович Эндрю · 24.05.2016, 05:52 **[ТС]**

спасибо, я неоднократно читал, что табличная вёрстка это плохо, как сделать тоже самое div'ами? трудность заключается для меня - не пойму как прорисовуются эти линии таблицы вертикальные и горизонтальные?
как я понял отпадает в этом случае часть линий в случае надобности сделать не видимыми?а делаем только те, что нужны? как?

@Phoenixxx Czar · 24.05.2016, 08:24

Напиши мне ВК.

@boilzzz · 24.05.2016, 08:26

https://jsfiddle.net/8zrzcqn8/ примерно так

@Ципихович Эндрю · 24.05.2016, 08:30 **[ТС]**

Phoenixxx Czar, не пользуюсь таким - ВК

Добавлено через 2 минуты
boilzzz

Сообщение от Ципихович Эндрю

спасибо, я неоднократно читал, что табличная вёрстка это плохо, как сделать тоже самое div'ами? трудность заключается для меня - не пойму как прорисовуются эти линии таблицы вертикальные и горизонтальные?
как я понял отпадает в этом случае часть линий в случае надобности сделать не видимыми?а делаем только те, что нужны? как?

по Вашей ссыли о дивах ни слова

@boilzzz · 24.05.2016, 08:55

https://jsfiddle.net/8zrzcqn8/1/ а если так, или вас теория интересует?

@mrtoxas · 24.05.2016, 10:07

Сообщение от Ципихович Эндрю

спасибо, я неоднократно читал, что табличная вёрстка это плохо, как сделать тоже самое div'ами

Тут немного ошибка в понятиях. Табличная верстка - плохо, таблицы - хорошо.
Если надо сделать каркас сайта, то раньше он делался таблицами, а сейчас - на div'ах.
Использование таблиц смело допускается в случаях, когда надо конкретно сделать таблицу в тексте.

Добавлено через 14 минут
Но это не отменяет использование блочных таблиц. И вариант, предложенный boilzzz, тоже имеет местобыть. Тут уже выбор в совместимости браузеров. Слишком старые не поймут display:table.

@Fedor92 · 24.05.2016, 11:46

Сообщение от mrtoxas

Слишком старые не поймут display:table.

Это кто не поймёт? IE6 что ли?

@mrtoxas · 24.05.2016, 12:43

Fedor92, это попадает под "слишком старые"

Да я ж не против блочной таблицы. Только я меня загадка какой из вариантов предпочтительней и почему. И так, и с так неудобно их верстать. Тут, наверное, дело привычки.

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@Ципихович Эндрю 1711 / 578 / 76 Регистрация: 10.04.2009 Сообщений: 9,316

	Как в html сделать таблицу? 23.05.2016, 21:15. Показов 937. Ответов 9 Метки нет (Все метки) Скажите, как в html сделать таблицу две строки, два столбца перемычка между столбцами – вертикальная линия посредине таблицы не видимая? 0

@Ципихович Эндрю 1711 / 578 / 76 Регистрация: 10.04.2009 Сообщений: 9,316
	24.05.2016, 05:52 [ТС]
	спасибо, я неоднократно читал, что табличная вёрстка это плохо, как сделать тоже самое div'ами? трудность заключается для меня - не пойму как прорисовуются эти линии таблицы вертикальные и горизонтальные? как я понял отпадает в этом случае часть линий в случае надобности сделать не видимыми?а делаем только те, что нужны? как? 0

@Phoenixxx Czar 0 / 0 / 0 Регистрация: 16.04.2016 Сообщений: 15
	24.05.2016, 08:24
	Напиши мне ВК. 0

@boilzzz Богатый духовно 455 / 262 / 145 Регистрация: 10.03.2015 Сообщений: 1,057
	24.05.2016, 08:26
	https://jsfiddle.net/8zrzcqn8/ примерно так 0

@boilzzz Богатый духовно 455 / 262 / 145 Регистрация: 10.03.2015 Сообщений: 1,057
	24.05.2016, 08:55
	https://jsfiddle.net/8zrzcqn8/1/ а если так, или вас теория интересует? 1

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	24.05.2016, 12:43
	Fedor92, это попадает под "слишком старые" Да я ж не против блочной таблицы. Только я меня загадка какой из вариантов предпочтительней и почему. И так, и с так неудобно их верстать. Тут, наверное, дело привычки. 0