Помощник
|
Таблицы rowspan как чтобы расширялась верхняя строка |
maxsim123
|
Сообщение
#1
|
||
|
|
||
|
|||
texno |
21.2.2012, 6:34;
Ответить: texno
Сообщение
#2
|
|
В ячейки надо цифры писать, чтобы было видно где какая.
Ты про это? <table border="3"><tr>
<td rowspan="3" style="height:100px">4</td> <td>1</td> <td>2</td> <td>3</td> </tr><tr> <td>5</td> <td>6</td> <td>7</td> </tr><tr> <td>8</td> <td>9</td> <td>10</td> </tr></table> |
|
|
Katsumi |
21.2.2012, 6:40;
Ответить: Katsumi
Сообщение
#3
|
|
а я так поняла)
<table border="1" width=400 >
<tr> <td colspan=4 >00000000000</td> </tr> <tr> <td >1111</td> <td>22222</td> <td>33333</td> <td>44444</td> <tr> <td >55555</td> <td>6666</td> <td>7777</td> <td>88888</td> </tr> </table> |
|
|
texno |
21.2.2012, 6:50;
Ответить: texno
Сообщение
#4
|
|
Вообще то неоднозначно, очень может быть, что надо так.
|
|
|
Bugnet |
21.2.2012, 11:05;
Ответить: Bugnet
Сообщение
#5
|
|
Если Вы так хотите DEMO , то код ниже:
<table border=3 width = "100%">
<tr> <td style="height:80px">1</td> <td >2</td> <td >3</td> <td rowspan="3" style="height:100px">4</td> </tr> <tr> <td>5</td> <td >6</td> <td >7</td> </tr> <tr> <td >8</td> <td >9</td> <td >10</td> </tr> </table> |
|
|
maxsim123
|
Сообщение
#6
|
|
Если Вы так хотите DEMO , то код ниже: <table border=3 width = "100%"> <tr> <td style="height:80px">1</td> <td >2</td> <td >3</td> <td rowspan="3" style="height:100px">4</td> </tr> <tr> <td>5</td> <td >6</td> <td >7</td> </tr> <tr> <td >8</td> <td >9</td> <td >10</td> </tr> </table> По этому примеру 4- у меня резиновая, высота меняться будет(скриптом), 5-10 все высоты я знаю ,1-3 должны быть остаточные |
|
|
maxsim123
|
Сообщение
#7
|
|
Грубо говоря чтобы было понятно
<table border=3 width = "100%"> <tr> <td >1</td> <td >2</td> <td >3</td> <td rowspan="3" style="height:200px">4</td> </tr> <tr> <td height="10">5</td> <td height="10">6</td> <td height="10">7</td> </tr> <tr> <td height="10">8</td> <td height="10">9</td> <td height="10" >10</td> </tr> </table> такое работает тока в мозиле, но надо чтобы везде |
|
|
Bugnet |
21.2.2012, 15:39;
Ответить: Bugnet
Сообщение
#8
|
|
Да действительно задачка.... Так просто решить не получается.
Мозила работает "правильно":rolleyes:, а Опера и Хром нет. Получается: если не указана высота первой строки, то выходит как на рисунке в первом посте- нижняя строка расширяется. Значит нужно задавать высоту первой строки-скриптом. Если Вы, maxsim123, задаёте скриптом высоту четвёртой ячейки 4- у меня резиновая, высота меняться будет(скриптом) , то необходимо скриптом задавать и высоту первой строки = высота 4-ой ячейки - второй строки - третьей строкиЯ решил эту задачу используя jQuery, как вариант вот такое решение (работает во всех браузерах): [JS]$(document).ready(function(){ var td4 = $('#td4').attr ('height'); /* заносим в переменную значение высоты 4 ячейки*/ var row2 = $('#row2').attr ('height'); /* заносим в переменную значение высоты второй строки*/ var row3 = $('#row3').attr ('height'); /*заносим в переменную значение высоты третий строки*/ var row1=td4-row2-row3;/*вычисляем значение первой строки и заносим его в переменную*/ $('#row1').height(row1); /* устанавливаем значение высоты для первой строки*/ });// END[/JS] Скрипт замены высоты ячейки td4 - Ваш. Ниже HTML-код таблицы <table border=3 width = "100%" height=auto>
<tr id="row1" > <td >1</td> <td >2</td> <td >3</td> <td rowspan ="3" id="td4" height=400>4</td> <!--меняем скриптом--> </tr> <tr id="row2" height=20><!--здесь ваше фиксированное значение--> <td >5</td> <td >6</td> <td >7</td> </tr> <tr id="row3" height=30><!--здесь ваше фиксированное значение--> <td >8</td> <td>9</td> <td >10</td> </tr> </table> |
|
|
maxsim123
|
Сообщение
#9
|
|
$(document).ready(function(){ * var td4 = $('#td4').attr ('height'); /* заносим в переменную значение высоты 4 ячейки*/ * var row2 = $('#row2').attr ('height'); /* заносим в переменную значение* высоты второй строки*/ * var row3 = $('#row3').attr ('height'); /*заносим в переменную значение* высоты третий строки*/ * var row1=td4-row2-row3;/*вычисляем значение первой строки и заносим его в переменную*/ * $('#row1').height(row1); /* устанавливаем значение высоты для первой строки*/ * });// END да спасибо + хотел заметить что использовал еще http://benalman.com/projects/jquery-resize-plugin/ может у кого такаяж задача будет Bugnet, еще раз спасибо |
|
|
Bugnet |
21.2.2012, 17:56;
Ответить: Bugnet
Сообщение
#10
|
|
|
Пожалуйста, было интересно подумать. Спасибо в карман не положишь:rolleyes: - жмите 'Thanks'.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 2 | Boymaster | 724 | 24.4.2024, 17:52 автор: Boymaster |
|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19908 | 23.4.2024, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3485 | 23.4.2024, 11:54 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5048 | 20.4.2024, 16:49 автор: Liudmila |
|
Арбитражники, как ведете учет расходов и доходов? | 13 | Boymaster | 2040 | 20.4.2024, 15:06 автор: Boymaster |
Текстовая версия | Сейчас: 26.4.2024, 7:30 |