Таблицы HTML

@freeway96 · Регистрация: 30.11.2022

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

Как оформить данные таблицы, у меня просто все эти ячейки уходят в первую строчку в бок

@rr33rr · 04.10.2023, 09:13

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

Как оформить данные таблицы, у меня просто все эти ячейки уходят в первую строчку в бок

Ваш код где? Где "ячейки уходят в первую строчку"

@freeway96 · 04.10.2023, 09:15 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
 <head>
 <title>Лабораторная работа 4</title>
 </head>
 <body>
 <table width="715" border="1"
 align="center" cellspacing="0" cellpadding="10">
 <tr bgcolor="darkred">
 <td width="100%" height="100">шапка</td>
 </tr>
 <tr bgcolor="oldlace">
 <td height="200">контент</td>
  <td height="200">меню</td>
 </tr>
 <tr bgcolor="darkred">
 <td colspan="2" height="30">низ сайта</td>
 </tr>
 </table>
 </body>
</html>

@rr33rr · 04.10.2023, 10:03

freeway96, и какое отношение имеет этот код к картинке из первого поста?

Примечание 1: в вашем коде ошибка в 9 строке. Правильно так:

HTML5
9
    <td colspan="2" width="100%" height="100">шапка</td>

Примечание 2: набор таблиц из 1 поста верстается примерно (примерно) так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!doctype html>
<html>
<head>
<style>
table {
  width: 100%;
  border-collapse: collapse;
}
.t_red td {
  border: 2px solid #f00;
}
.t_green td {
  border: 2px solid #0f0;
}
 
.t_blue td, .t_blue th {
  border: 2px solid #00f;
}
.t_pink td {
  border: 2px solid pink;
}
</style>
</head>
<body>
<table class="t_red">
  <tr>
    <td height="60">&nbsp;</td>
  </tr>
  <tr>
    <td>
      <table class="t_green" height="700">
        <tr>
          <td height="300" width="200">
            <table class="t_blue" height="300">
              <tr>
                <td height="30">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
          <td rowspan="3" width="100">&nbsp;</td>
          <td rowspan="3">
            <table class="t_pink" height="700">
              <tr>
                <td height="30">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td height="200">&nbsp;</td>
        </tr>
          <td>
            <table class="t_blue" height="200">
              <tr>
                <td height="30">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

См в песочнице

Новые блоги и статьи Все статьи Все блоги /
Нестандартные приемы работы с итераторами в C++ stackOverflow 02.03.2025 Итераторы - один из краеугольных камней C++, предоставляющий универсальный механизм обхода и манипуляции данными в контейнерах. Появившись как замена небезопасным указателям, они эволюционировали от. . .	Лексический анализ и регулярные выражения в C++26 stackOverflow 02.03.2025 Лексический анализ - ядро любого компилятора и инструмента обработки текста. Каждый программист сталкивается с задачами парсинга строк, обработки файлов конфигурации или анализа пользовательского. . .	Подробно о std::mdspan в C++23 stackOverflow 02.03.2025 Работа с многомерными массивами данных традиционно была одной из сложных задач в C++. Программистам приходилось создавать собственные абстракции или использовать сторонние библиотеки для эффективной. . .	Колмогоровская сложность в C++: Путь к совершенному коду stackOverflow 02.03.2025 Абстрактная математическая теория Колмогорова стала мощным средством оценки и улучшения программного кода. Сложность алгоритма - не только в его вычислительной эффективности, но и в том, насколько. . .	Изменения в C# 14 stackOverflow 02.03.2025 Одно из самых значимых изменений в C# 14 - поддержка коллекционных выражений, которые позволяют создавать и инициализировать коллекции с помощью нового лаконичного синтаксиса. Это нововведение. . .
Разработка кроссплатформенного мобильного приложения для iOS/Android на C++ bytestream 02.03.2025 C++ как язык программирования высокого уровня с прямым доступом к аппаратным ресурсам позволяет создавать приложения, работающие одинаково быстро как на iOS, так и на Android устройствах. Ни для кого. . .	Аутентификация/авторизация на Golang bytestream 02.03.2025 Go предлагает множество возможностей для создания надежных систем аутентификации. Встроенные криптографические пакеты, высокая производительность и простота параллельной обработки запросов делают его. . .	Нововведения TypeScript 5.8 bytestream 02.03.2025 TypeScript 5. 8 приносит много возможностей и оптимизаций, которые существенно расширяют границы типобезопасного программирования на JavaScript. Эта версия включает ряд значительных улучшений в работе. . .	Выполнение кода в игровом цикле Unity с использованием не-MonoBehaviour классов C# bytestream 02.03.2025 Обычный подход к разработке игр на Unity тесно связан с использованием MonoBehaviour - базового класса для скриптов, обеспечивающего доступ к игровому циклу через события Update, FixedUpdate и. . .	Управление инстанцированием вложенных классов в C# bytestream 02.03.2025 Вложенные классы в C# - мощное средство для создания тесно связанных типов данных и логики. Такие классы определяются внутри других классов и обеспечивают высокий уровень инкапсуляции, позволяя. . .

@freeway96 0 / 0 / 0 Регистрация: 30.11.2022 Сообщений: 16
		1
	Таблицы HTML 04.10.2023, 08:54. Показов 247. Ответов 3 Метки нет (Все метки) Как оформить данные таблицы, у меня просто все эти ячейки уходят в первую строчку в бок Миниатюры 0

@rr33rr 739 / 499 / 271 Регистрация: 07.11.2022 Сообщений: 804
	04.10.2023, 09:13	2
	Сообщение от freeway96 Как оформить данные таблицы, у меня просто все эти ячейки уходят в первую строчку в бок Ваш код где? Где "ячейки уходят в первую строчку" 0

Таблицы HTML

Решение