Строчка в таблице

Tezil · July 4, 2012

Здравствуйте

Учусь сам. Такое задание нужно выполнить, как на рисунке

Тут видно, что строчек получается 5, у меня же получается 4

Вот код

<!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=utf-8">
<title>веб-страницы</title>
</head>
<body>
<TABLE width="900" border="1" cellpadding="0" cellspacing="0" align="center">
<TR>
<TD colspan="3">1</TD><TH align="right">2</TH><TH align="right">3</TH><TD rowspan="2" align="right" valign="bottom">4</TD>
</TR>
<TR>
<TD><U>5</U></TD><TD><U>6</U></TD><TD rowspan="3" colspan="2" align="center">7</TD><TD align="right">8</TD>
</TR>
<TR>
<TH rowspan="3" align="left" valign="center"><EM>15</EM></TH><TD valign="top" rowspan="2">13<SUP>11</SUP></TD><TD rowspan="2" align="right" valign="top"><U>9</U></TD><TD rowspan="2" align="right" valign="top">10</TD>
</TR>
<TR>
</TR>
<TR>
<TD>14</TD><TD>12</TD><TD colspan="3" align="center">11</TD>
</TR>
</TABLE>

</body>
</html>

Где взять пятую строчку?

Edited July 4, 2012 by Tezil

Avalon4eg · July 4, 2012

http://htmlbook.ru/html/td/rowspan

Tezil · July 4, 2012

http://htmlbook.ru/html/td/rowspan

так и сделано

Burevestnik · July 4, 2012

Посмотрите внимательнее свой код:

1) у вас пустая строка

<TR>
</TR>

2) у "7" rowspan=3 зачем? ведь по макету должно быть два

3) у "15" rowspan=3 зачем? ведь по макету должно быть два

4) у "13", "9", "10" rowspan=2 зачем? ведь по макету в этих ячейках нет объединения

Все же советую еще раз прочитать про rowspan и colspan и более внимательно верстать таблицы

Tezil · July 4, 2012

Посмотрите внимательнее свой код:
1) у вас пустая строка
<TR>
</TR>
2) у "7" rowspan=3 зачем? ведь по макету должно быть два
3) у "15" rowspan=3 зачем? ведь по макету должно быть два
4) у "13", "9", "10" rowspan=2 зачем? ведь по макету в этих ячейках нет объединения
Все же советую еще раз прочитать про rowspan и colspan и более внимательно верстать таблицы

Ну посмотрите, в макете получается строчек 5. У меня же получается 4

Ячейка цифр "13", "9", "10" состоит из 2 строк, а у меня из одной. Поэтому rowspan=2

Edited July 4, 2012 by Tezil

Burevestnik · July 4, 2012

ну тогда как то так


<!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=utf-8">
<title>веб-страницы</title>
</head>
<body>
<TABLE width="900" border="1" cellpadding="0" cellspacing="0" align="center">
<TR>
<TD colspan="3">1</TD><TH align="right">2</TH><TH align="right">3</TH><TD rowspan="2" align="right" valign="bottom">4</TD>
</TR>
<TR>
<TD><U>5</U></TD><TD><U>6</U></TD>
<TD rowspan="3" colspan="2" align="center">7</TD><TD align="right">8</TD>
</TR>
<TR>
<TH rowspan="3" align="left" valign="center"><EM>15</EM></TH><TD valign="top" style="border-bottom:0px;">13<SUP>11</SUP></TD><TD align="right" valign="top" style="border-bottom:0px;"><U>9</U></TD><TD align="right" valign="top" style="border-bottom:0px;">10</TD>
</TR>
<TR>
<td style="border-top:0px;"> </td>
<td style="border-top:0px;"> </td>
<td style="border-top:0px;"> </td>
</TR>
<TR>
<TD>14</TD><TD>12</TD><TD colspan="3" align="center">11</TD>
</TR>
</TABLE>

</body>
</html>

Нужно создать пустые ячейки и обнулить border

P.S. нельзя использовать пустую строку, я бы в вашем случае с помощью стилей задал бы высоту ячейкам "13", "9", "10" и выровнял бы в них текст, без использования 5 строки

Edited July 4, 2012 by Burevestnik

Tezil · July 4, 2012

это слишком сложное решение для такого уровня знаний.

Тут где-то недочёт

Дело не в приведении результата к макету.

Я прошу помочь мне найти ошибку

Edited July 4, 2012 by Tezil

Tezil · July 4, 2012

Решение где-то тут В каждой строчке одмнаковое кол-во ячеек должно быть

Но не могу вычислить в коде

Tezil · July 5, 2012

Всем спасибо. жаль ответ не найден

mrnobody · July 5, 2012

Попробовал сделать, тоже получается что все ячейки приходится удалять в пятой строке, остается пустой <tr> </tr>, но это не валидно. Если удалить пустой tr, то таблица сбивается ((

Задайте tr высоту

http://jsfiddle.net/P6AT2/1/

При наведении выделяется текущая строка

Edited July 5, 2012 by mrnobody

Tezil · July 5, 2012

Спасибо, посмотрел.

В той теме задаю вопрос

Эту можно забыть

Sign In

Строчка в таблице

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information