Разбиение ячейки в таблице

@Vovcik0 · Регистрация: 21.10.2015

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

Доброго времени суток,на скрине есть таблица,на ней отмечена ячейка которую нужно разделить по полам,понять как ее разделить не могу,кто подскажет, вставка colspan в tr не помогла.

HTML5

<html>
<head>
    <title>lab3 </title>
 
</head>
<body>
 
 
 
</body>
 
<table width="400"  border="3" bordercolor="green">
    <tr>
        <td> крестик</td>
    <td>нолик </td>
        <td>крестик</td>
 
    </tr>
    <tr>
        <td> крестик</td>
        <td>нолик </td>
        <td>крестик</td>
 
    </tr>
    <tr>
        <td> крестик</td>
        <td>нолик </td>
        <td>крестик</td>
 
    </tr>
</table>
 
 
 
<table width="400"  border="5" bordercolor="black">
    <tr>
        <th rowspan="2"> пол</th>
        <th colspan="2">Средние показатели </th>
 
 
    </tr>
    <tr>
        <th align="centr"> Рост</th>
        <th>Вес </th>
 
 
    </tr>
    <tr>
        <th> Муж</th>
        <th>175 </th>
        <th>70 кг</th>
 
    </tr>
    <tr>
        <th> Жен</th>
        <th>170 </th>
        <th>55 кг</th>
 
    </tr>
</table>
 
    <table align="center" width="70%"  border="2" bordercolor="gold" bgcolor="green">
 
        <tr>
            <td colspan="4" bgcolor="blue"> &nbsp</td>
 
        </tr>
        <tr>
            <td rowspan="3" bgcolor="yellow"> &nbsp</td>
            <td>&nbsp </td>
            <td>&nbsp</td>
            <td>&nbsp</td>
        </tr>
        <tr>
 
            <td>&nbsp </td>
            <td colspan="0.5">&nbsp</td>
            <td>&nbsp</td>
        </tr>
 
        <tr>
 
            <td>&nbsp </td>
            <td>&nbsp</td>
            <td>&nbsp</td>
 
        </tr>
 
</table>

@Vovcik0 · 24.01.2017, 18:49 **[ТС]**

В интернете не нашел,нет такого что бы colspan был 0,5.Даже понятия не имею как сделать colspan не целым числом

@Fedor92 · 24.01.2017, 19:03

Vovcik0, юзайте ссылку...

@Vovcik0 · 24.01.2017, 19:09 **[ТС]**

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

@EvgeniiVIP · 24.01.2017, 19:10

colspan нужно ставить не в <tr>, а в <td>

@Vovcik0 · 24.01.2017, 19:14 **[ТС]**

EvgeniiVIP, colspan стоит не в tr,а в th и td.

@Fedor92 · 24.01.2017, 19:19

Vovcik0, да не надо её делить...

Там две ячейки - 50% от одной большой...

Мысль понимаете?

HTML5

<table>
    <tr>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="2"></td>
    </tr>
</table>

@EvgeniiVIP · 24.01.2017, 19:21

держи:

HTML5

<table align="center" width="70%" height="15%"  border="2" bordercolor="gold" bgcolor="green">
    <tr>
        <td colspan="4" bgcolor="blue"></td>
    </tr>
    <tr>
        <td rowspan="3" bgcolor="yellow"></td>
        <td></td>
        <td rowspan="3"></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

прост у тебя в теме написано "вставка colspan в tr не помогла." вот и говорю)

@Vovcik0 · 24.01.2017, 19:35 **[ТС]**

EvgeniiVIP, это не то,Вы просто объеденили ячейки по вертикали.А там надо разделить ячейку,или как то сделать что бы выглядело именно так

Добавлено через 38 секунд
Fedor92, не особо, но попробую ваш пример

@EvgeniiVIP · 24.01.2017, 19:46

А вы это имете в виду разделить 3 строку 3 колонку на 2?, не так понял))
Тогда вам таблицу над прибавить на 1 колонку, объединить
2 строку 3-4 колонки и объединить 4 строку 3-4 колонки
А ширинку через стили указывать

Добавлено через 5 минут
получается будет как то так:

HTML5

<table align="center" width="70%" height="15%"  border="2" bordercolor="gold" bgcolor="green">
    <tr>
        <td colspan="5" bgcolor="blue"></td>
    </tr>
    <tr>
        <td style="width:200px" rowspan="3" bgcolor="yellow"></td>
        <td style="width:200px"></td>
        <td style="width:200px" colspan="2"></td>
        <td style="width:200px"></td>
    </tr>
    <tr>
        <td></td>
        <td style="width:100px"></td>
        <td style="width:100px"></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td colspan="2"></td>
        <td></td>
    </tr>
</table>

@Vovcik0 · 24.01.2017, 19:55 **[ТС]**

EvgeniiVIP, Спасибо ваш вариант тоже работает,а я сделал по другому .Я добавил еще один столбец только с нужной мне строчкой и colspan скрепил 2 ячейки).

HTML5

 <table align="center" width="70%"  border="2" bordercolor="gold" bgcolor="green">
 
        <tr>
            <td colspan="5" bgcolor="blue"> &nbsp</td>
 
        </tr>
        <tr>
            <td rowspan="3" bgcolor="yellow"> &nbsp</td>
            <td>&nbsp </td>
            <td colspan="2">&nbsp</td>
            <td>&nbsp</td>
        </tr>
        <tr>
 
            <td>&nbsp </td>
            <td >&nbsp</td><td>&nbsp</td>
            <td>&nbsp</td>
        </tr>
 
        <tr>
 
            <td>&nbsp </td>
            <td colspan="2">&nbsp</td>
            <td>&nbsp</td>
 
        </tr>
 
</table>

@Vovcik0 2 / 2 / 2 Регистрация: 21.10.2015 Сообщений: 214
	24.01.2017, 18:49 [ТС]	2
	В интернете не нашел,нет такого что бы colspan был 0,5.Даже понятия не имею как сделать colspan не целым числом 0

@Fedor92 2964 / 2618 / 1068 Регистрация: 15.12.2012 Сообщений: 10,050 Записей в блоге: 11
	24.01.2017, 19:03	3
	Vovcik0, юзайте ссылку... 0

@Vovcik0 2 / 2 / 2 Регистрация: 21.10.2015 Сообщений: 214
	24.01.2017, 19:09 [ТС]	4
	Fedor92, спасибо за ссылку,таблички я строить умею,на скрине готовая работа,но мне сказали поделить ячейку по полам,я ее пометил черным цветом.Но как эту ячейку поделить ,я понятия не имею. 0

@EvgeniiVIP 4 / 2 / 1 Регистрация: 24.01.2017 Сообщений: 74
	24.01.2017, 19:10	5
	colspan нужно ставить не в <tr>, а в <td> 0

@Vovcik0 2 / 2 / 2 Регистрация: 21.10.2015 Сообщений: 214
	24.01.2017, 19:14 [ТС]	6
	EvgeniiVIP, colspan стоит не в tr,а в th и td. 0

@Vovcik0 2 / 2 / 2 Регистрация: 21.10.2015 Сообщений: 214
	24.01.2017, 19:35 [ТС]	9
	EvgeniiVIP, это не то,Вы просто объеденили ячейки по вертикали.А там надо разделить ячейку,или как то сделать что бы выглядело именно так Добавлено через 38 секунд Fedor92, не особо, но попробую ваш пример 0

	24.01.2017, 19:55