Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / colspan в нескольких tr / 25 сообщений из 83, страница 1 из 4
27.03.2013, 00:28
    #38199619
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Мое почтение присутствующим. Вот два варианта кода:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<table cellspacing="0" cellpadding="0" align="center"><tr style="height:20px;">
<td colspan="3" style="width:60px;"></td>
<td style="width:20px;"></td>
<td colspan="3" style="width:60px;"></td>
<td style="width:20px;"></td>
<td colspan="3" style="width:60px;"></td>
</table><table cellspacing="0" cellpadding="0" align="center"><tr style="height:20px;">
<td colspan="5" style="width:100px;"></td>
<td style="width:20px;"></td>
<td colspan="5" style="width:100px;"></td>
</tr></table>


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<table cellspacing="0" cellpadding="0" align="center"><tr style="height:20px;">
<td colspan="3" style="width:60px;"></td>
<td style="width:20px;"></td>
<td colspan="3" style="width:60px;"></td>
<td style="width:20px;"></td>
<td colspan="3" style="width:60px;"></td>
</tr><tr style="height:20px;">
<td colspan="5" style="width:100px;"></td>
<td style="width:20px;"></td>
<td colspan="5" style="width:100px;"></td>
</tr></table>


Разница только в том, что в первом случае две таблицы, а во втором одна с двумя строками. Но (картинка прилагается) в первом случае colspan рисует то, что надо, а во втором нет. Как добиться, чтобы работало и во втором случае? Заранее спасибо.
...
Рейтинг: 0 / 0
27.03.2013, 00:30
    #38199625
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
P.S.

table-layout:fixed; пробовал, не помогает. Ширина ячеек везде задана.
...
Рейтинг: 0 / 0
27.03.2013, 03:21
    #38199789
asws
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Владимир Саныч,

так?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<!doctype html>
<html>
<head>
<style>
table, td { margin:0; padding:0; text-align:center; border-collapse:collapse; border-spacing:0; border:solid 1px #000000; }
.tr20 td { height:0; width:20px; }
</style>
</head>
<body>
<table><tbody>
<tr class="tr20"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr style="height:20px;">
<td colspan="3"></td><td></td><td colspan="3"></td><td></td><td colspan="3"></td></tr>
<tr style="height:20px;"><td colspan="5"></td><td></td><td colspan="5"></td></tr>
</tbody></table>
</body>
</html>
...
Рейтинг: 0 / 0
27.03.2013, 08:29
    #38199875
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Владимир СанычКак добиться, чтобы работало и во втором случае?
Правильно подобрать количество ячеек и дать им нужный размер. Только после этого использовать объединение нужных колонок.
...
Рейтинг: 0 / 0
27.03.2013, 12:44
    #38200294
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
aswsтак?
Да, так. Но цепочка из <td></td> без colspan мне не подходит. Это ограничение той программы, при помощи которой я строю HTML.

krvsaПравильно подобрать количество ячеек и дать им нужный размер. Только после этого использовать объединение нужных колонок.
Ну, допустим, что я этого не знал. Вы можете ткнуть меня носом, где я это сделал неправильно?
...
Рейтинг: 0 / 0
27.03.2013, 13:00
    #38200336
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Владимир СанычВы можете ткнуть меня носом, где я это сделал неправильно?
Так в твоём примере оно и не правильно.
Тебе нужна одна структура по колонкам, а ты делаешь другую...
...
Рейтинг: 0 / 0
27.03.2013, 13:01
    #38200339
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
asws тебе показал как такое нужно делать. Т.е. как кубики складывать.
...
Рейтинг: 0 / 0
27.03.2013, 13:03
    #38200345
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Владимир Саныч
Код: html
1.
<td colspan="3" style="width:60px;"></td>


[src HTML]
Вот так делать не нужно.

Таблица работает только с максимальным числом своих колонок. Она не будет какое-то объединение ячеек делать определённым размером.
Размер "объединения" просто будет равен сумме "её" объединенных колонок.
...
Рейтинг: 0 / 0
27.03.2013, 13:05
    #38200349
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Владимир СанычНо цепочка из <td></td> без colspan мне не подходит.
Как вариант, используй
http://htmlbook.ru/html/col
...
Рейтинг: 0 / 0
27.03.2013, 13:29
    #38200393
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
krvsaТак в твоём примере оно и не правильно.
Тебе нужна одна структура по колонкам, а ты делаешь другую...
И какая конкретно структура мне нужна? По той моей картинке, где две таблицы вместо двух tr'ов, видно, что всё получается как надо.

krvsa asws тебе показал как такое нужно делать. Т.е. как кубики складывать.
Я уже ответил, что мне так нельзя.

krvsaТаблица работает только с максимальным числом своих колонок. Она не будет какое-то объединение ячеек делать определённым размером.
Размер "объединения" просто будет равен сумме "её" объединенных колонок.
Не понимаю. Ее колонка - 20 пикселей. Мне надо 11 колонок. 3+1+3+1+3=11. 5+1+5=11.

krvsaКак вариант, используй
http://htmlbook.ru/html/col
Там есть интересные слова:
Тег <col> задает ширину и другие характеристики одной или нескольких колонок таблицы.
span - Количество колонок, к которым следует применять параметры.

Ну, добавил в свою таблицу:
<col width=20 span=11>
Не помогло, таблица сжалась до 5 клеток в ширину.
...
Рейтинг: 0 / 0
27.03.2013, 14:12
    #38200476
mhx
mhx
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Но цепочка из <td></td> без colspan мне не подходит.
Ну подставьте colspan="1".
...
Рейтинг: 0 / 0
27.03.2013, 14:21
    #38200494
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
mhxНо цепочка из <td></td> без colspan мне не подходит.
Ну подставьте colspan="1".
Мне не подходит цепочка с произвольным числом повторений, которую надо генерить циклом. Мне нужна одна клетка с одним colspan.
...
Рейтинг: 0 / 0
27.03.2013, 14:26
    #38200507
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
http://htmlbook.ru/html/td/colspan
внимательно прочитайте и подумайте, почему у вас все же не получится сделать задуманное в рамках одной таблицы...
...
Рейтинг: 0 / 0
27.03.2013, 14:27
    #38200511
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
re_qas http://htmlbook.ru/html/td/colspan
внимательно прочитайте и подумайте, почему у вас все же не получится сделать задуманное в рамках одной таблицы...
По этой ссылке нет ничего нового для меня. Вы сами уже придумали, почему не получится? Если да, то прошу поделиться.
...
Рейтинг: 0 / 0
27.03.2013, 14:31
    #38200519
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
На всякий случай прошу обратить внимание, что сам colspan работает правильно, с ним нет проблем. Не работает только width.
...
Рейтинг: 0 / 0
27.03.2013, 14:31
    #38200520
mhx
mhx
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<table border="1">
	<tr height="20">
		<td colspan="1" width="60"></td>
		<td colspan="1" width="20"></td>
		<td colspan="3" width="60"></td>
		<td colspan="1" width="20"></td>
		<td colspan="1" width="60"></td>
	</tr>
	<tr height="20">
		<td colspan="3"></td>
		<td colspan="1"></td>
		<td colspan="3"></td>
	</tr>
</table>


Научитесь читать и думать. Одна клетка — один колспан, не?
...
Рейтинг: 0 / 0
27.03.2013, 14:33
    #38200526
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
невалидная таблица... у вас первая строка просит 11 колонок во второй, а вторая еще к ним 11 колонок или 11 колонок в первой... то что оно так выдает более чем конфликтом не назовешь
...
Рейтинг: 0 / 0
27.03.2013, 14:35
    #38200528
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
если добавить первой строкой 11 колонок по 20 пкс, то должно стать на место
...
Рейтинг: 0 / 0
27.03.2013, 14:40
    #38200538
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
mhxНаучитесь читать и думать. Одна клетка — один колспан, не?
Чем этот пример отличается от моего? Он рисуется так же неправильно.

re_qasневалидная таблица... у вас первая строка просит 11 колонок во второй, а вторая еще к ним 11 колонок или 11 колонок в первой... то что оно так выдает более чем конфликтом не назовешь
Не понял. Первая просит 11 и вторая 11. Что значит первая просит во второй? Повторяю, colspan отрабатывает правильно, проблема только с ширинами.

re_qasесли добавить первой строкой 11 колонок по 20 пкс, то должно стать на место
На это я отвечал уже дважды.
...
Рейтинг: 0 / 0
27.03.2013, 14:43
    #38200545
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
у вас некорректно первый и последний в первой строке... они для себя от следующей просят три колонки, при этом во второй первый и последний просят от первого 5...
как пример правильно должно стать как показал mhx...
...
Рейтинг: 0 / 0
27.03.2013, 14:45
    #38200550
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Что-то я ни фига не понял. Так разве не подходит:
Код: 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.
<!DOCTYPE HTML>
<html>
<head>
  <style>
    td { border: 1px solid #000; }
  </style>
</head>
<body>
  <table cellpadding="0" cellspacing="0">
    <colgroup span="11" width="20"/>
    <thead>
      <tr>
        <th></th><th></th><th></th><th></th><th></th><th></th>
        <th></th><th></th><th></th><th></th><th></th>
      </tr>
    <thead>
    <tbody>
      <tr>
        <td colspan="3">1-3</td><td>4</td><td colspan="3">5-7</td><td>8</td>
        <td colspan="3">9-11</td>
      </tr>
      <tr>
        <td colspan="5">1-5</td><td>6</td><td colspan="5">7-11</td>
      </tr>
    <tbody>
  </table>
</body>
</html>

?
...
Рейтинг: 0 / 0
27.03.2013, 14:54
    #38200576
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
re_qasу вас некорректно первый и последний в первой строке... они для себя от следующей просят три колонки, при этом во второй первый и последний просят от первого 5...
как пример правильно должно стать как показал mhx...
Что значит просят от следующей? Повторяю третий раз, что сам colspan у меня работает правильно.

skyANAЧто-то я ни фига не понял. Так разве не подходит:
Да, не подходит. Я уже сбился со счета, сколько раз я объяснил почему.
...
Рейтинг: 0 / 0
27.03.2013, 14:59
    #38200597
re_qas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Владимир СанычЧто значит просят от следующей? Повторяю третий раз, что сам colspan у меня работает правильно.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<table border="1">
	<tr height="20">
		<td colspan="1" width="60"></td>
		<td colspan="1" width="20"></td>
		<td colspan="3" width="60"></td>
		<td colspan="1" width="20"></td>
		<td colspan="1" width="60"></td>
	</tr>
	<tr height="20">
		<td colspan="3"></td>
		<td colspan="1"></td>
		<td colspan="3"></td>
	</tr>
</table>

от mhx смотрели?
в чем разница с вашим уловили?
конфликт слияния образуется за счет запроса "недостающих" 2 колонок вначале и двух в конце... и поэтому один у другого пытаются выхватить несуществующее, образуя конфликт и игнорируя заданную ширину
...
Рейтинг: 0 / 0
27.03.2013, 15:03
    #38200616
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
re_qasот mhx смотрели?
в чем разница с вашим уловили?
Уже ответил, что не понял. И переспросил. Ответа пока не было.

re_qasконфликт слияния образуется за счет запроса "недостающих" 2 колонок вначале и двух в конце... и поэтому один у другого пытаются выхватить несуществующее, образуя конфликт и игнорируя заданную ширину
Уже два раза написал, что не понял, что это значит. Какой смысл по 3-4 раза писать одно и то же?

Количество колонок в обеих строках одинаковое. И это нормально, потому что это colspan, а не rowspan.
...
Рейтинг: 0 / 0
27.03.2013, 15:07
    #38200628
mhx
mhx
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
colspan в нескольких tr
Мой пример отличается от вашего и рисует правильно, в соответствии с рисунком из первого поста. Можете взять пример от asws, который вы не забраковали, но использовать отказались по неведомым причинам, добавив только colspan="1", где он отсутствует.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / colspan в нескольких tr / 25 сообщений из 83, страница 1 из 4
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]