Таблицы в HTML

@duckyduck · Регистрация: 23.02.2012

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

Доброго времени суток. Необходимо построить таблицу, что-то вроде такой, как представлено на рисунке. Всё сделал, кроме одного. Никак не выходит ячейку, помеченную галочкой, сделать иного размера, отличного от соседних.
Вот код

HTML5
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
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>zachet</title>
</head>
    <body leftmargin="100" topmargin="50" rightmargin="50">
        <h3 align="center">Таблица</h3>
<table border ="1" align ="center" width="900" cellspacing="5" cellpadding="10"
<tr align="center" valign="middle" >
</tr>
<tr align="center">
<td> <a href="123.html" title="123">123</a></td>
<td rowspan="5"> <table border="1" align="center" width="800" cellspacing="4" cellpadding="2">
        
            
            
            <tr>
                <td width ="90"> Текст1</td>
                <td width="90"  rowspan="2"> Текст2</td>
                <td  colspan="3">Текст3</td>
            </tr>
            
        
                        
            <tr>
                <td>Текст4</td>
                <td colspan="3">Текст5</td>
            </tr>
                        
            
 
                <td  colspan="2" rowspan ="2">Текст6</td>
                <td width ="100" colspan="2"> Текст7</td>  
                <td  > Текст8</td> 
            </tr>
            
            <tr>
                <td colspan ="2"> Текст9</td>
    <td>Текст10    </td>
            </tr>
            
            </td>
        </table>  </td>
</tr>
<tr align="center">
<td> <a href="1234.html" title="1234">1234</a>
</tr>
<tr align="center">
<td> <a href="12345.html" title="12345">12354</a>
</tr>
<tr align="center">
<td><a href="123456.html" title="123456">123456</a>
<tr align="center">
<td ><a href="1234567.html" title="1234567">123467</a></td>
<td>
 
 
 
    </body>
</html>

Есть вариант,разбить ещё на две таблицы и он работает, но по заданию нужно именно так, как на рисунке.
Буду рад за любую помощь!

@Lovrentiy · 20.06.2013, 12:17

никак, любые "нестандартные" размеры ячейки достигаются путем объединение более мелких.

@duckyduck · 20.06.2013, 13:14 **[ТС]**

хм, спасибо. Т.е. способ один. Разбить ещё на одну таблицу. Спасибо!

@newJS · 20.06.2013, 21:53

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

Разбить ещё на одну таблицу.

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

HTML5
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title> Генератор сложных таблиц с rowspan и colspan  V2.0</title>
 
<style type="text/css">
.slyTaBlya {border-collapse:collapse;}
.slyTaBlya td {border:1px solid black; padding:5px; vertical-align:top;}
.conceal td {padding:0; line-height:0; border-top:hidden; overflow:hidden;}
</style>
 
</head>
 
<body>
 
<table class="slyTaBlya"><tr>
<td colspan="2">0</td>
<td rowspan="2" colspan="2">2</td>
<td colspan="3">4</td>
</tr><tr>
<td colspan="2">7</td>
<td colspan="3">11</td>
</tr><tr>
<td rowspan="2" colspan="3">14</td>
<td colspan="3">17</td>
<td>20</td>
</tr><tr>
<td colspan="3">24</td>
<td>27</td>
</tr><tr class="conceal">
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
</tr></table>
 
</body>
</html>

@duckyduck · 23.06.2013, 11:59 **[ТС]**

@newJS, во, то что надо, спасибо!

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	20.06.2013, 12:17
	никак, любые "нестандартные" размеры ячейки достигаются путем объединение более мелких. 1

@duckyduck 0 / 0 / 0 Регистрация: 23.02.2012 Сообщений: 21
	20.06.2013, 13:14 [ТС]
	хм, спасибо. Т.е. способ один. Разбить ещё на одну таблицу. Спасибо! 0

@duckyduck 0 / 0 / 0 Регистрация: 23.02.2012 Сообщений: 21
	23.06.2013, 11:59 [ТС]
	@newJS, во, то что надо, спасибо! 0