X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Таблицы rowspan как чтобы расширялась верхняя строка
maxsim123
maxsim123
Topic Starter сообщение 21.2.2012, 4:29; Ответить: maxsim123
Сообщение #1


Вообщем вот простой пример
<table border=3>
<tr>
<td ></td>
<td ></td>
<td ></td>
<td rowspan="3" style="height:100px"></td>
</tr>
<tr>
<td></td>
<td ></td>
<td ></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td ></td>
</tr>
</table>

расширяется только последняя строка , можно ли сделать чтобы расширялась только первая строка (tr)
пробывал фиксировать height для последнего tr ничего не выходит :sarcastic:

[IMG]http://instruktor.by/1.jpg[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
texno
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
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
texno
сообщение 21.2.2012, 6:50; Ответить: texno
Сообщение #4


Вообще то неоднозначно, очень может быть, что надо так.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bugnet
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
maxsim123
Topic Starter сообщение 21.2.2012, 11:56; Ответить: maxsim123
Сообщение #6


(Bugnet @ 21.2.2012, 14:05) *
Если Вы так хотите 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
maxsim123
Topic Starter сообщение 21.2.2012, 11:58; Ответить: 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
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
maxsim123
Topic Starter сообщение 21.2.2012, 17:26; Ответить: maxsim123
Сообщение #9


(Bugnet @ 21.2.2012, 18:39) *
$(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
Bugnet
сообщение 21.2.2012, 17:56; Ответить: Bugnet
Сообщение #10


Пожалуйста, было интересно подумать. Спасибо в карман не положишь:rolleyes: - жмите 'Thanks'.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1119 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2289 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3913 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3638 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1932 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 22:45
Дизайн