Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблицы / 13 сообщений из 13, страница 1 из 1
21.01.2009, 18:32
    #35770321
MohaAM
MohaAM
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
Добрый день,
Есть вопросик по HTML

есть след структура
<table>
<rt>
<td><td>
<td valign=top>
<table>1</table>
<table>2</table>
<td>
</tr>
</table>

надо слелать так, чтобы table1 ,была вверху <td valign=top>, а table2 внизу.

менять код можно только внутни <td valign=top> ... <td>

помогите плиз.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.01.2009, 19:50
    #35770444
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
автор<table>
<rt>
<td><td>
<td valign=top>
<table>1</table><br>
<table>2</table>
<td>
</tr>
</table>

автор<table>
<rt>
<td><td>
<td valign=top>
<table style="width:100%">1</table>
<table style="width:100%">2</table>
<td>
</tr>
</table>


автор<table>
<rt>
<td><td>
<td valign=top>
<table style="display:block">1</table>
<table style="display:block">2</table>
<td>
</tr>
</table>

автор<table>
<rt>
<td><td>
<td valign=top>
<div><table>1</table></div>
<div><table>2</table></div>
<td>
</tr>
</table>
Я даже не знаю что еще придумать?....
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.01.2009, 10:20
    #35771147
MohaAM
MohaAM
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
Вы наверное меня не поняли, мне надо чтобы таблицы были одна в самом верху, вторая в самом низу, причем высота таблиц не может быть 100%.

Модератор:
MohaAM, Ваши попытки изобразить таблицу с помощью палочек, черточек и пробелов удалены. И странного в отображении ничего не было, просто с работой форума Вы незнакомы, но несмотря на это кнопку "Предварительный просмотр" игнорируете (она находится рядом с кнопкой "Опубликовать"). Настоятельно рекомендую использовать ее в следующий раз, а также ознакомиться с набором тегов и кнопок. Вам бы подошел тег fixed (кнопка "FIX"). И выделяйте код с помощью src!

---------

illion
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.01.2009, 11:19
    #35771326
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
MohaAM , такое? Или опять не так?

 
<- нажми тут
Код: plaintext
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.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Тест</TITLE>
<style type='text/css'>
#content {
}
</style>
</HEAD>

<BODY>
<table width='400px'>
<tr>
	<td rowspan='3'>
		<p>
С помощью графического дизайна можно решать задачи гораздо 
более интересные, чем простое декорирование. Рассмотрим для примера историю 
борьбы производителей табака с противниками табакокурения. 
		</p>
 
		<p>
 02  
 Исторически во всем мире (и в нашей стране) сигареты и папиросы были обычным 
 повседневным товаром для подавляющего числа взрослого мужского населения. 
 Раньше можно было курить везде - в автобусе, в столовой, в редакции. Пространство 
 для курения сокращалось в течение всего XX века. Из личного опыта: курение 
 в кинотеатрах автор уже не застал, но в самолетах успел накуриться вовсю. 
		</p>
	</td>
	<td valign='top'>
		<table border='1'>
		<tr>
			<td>Верх</td>
		</tr>
		</table>
	</td>
</tr>
<tr>
	<td valign='bottom'>
		<table border='1'>
		<tr>
			<td>Низ</td>
		</tr>
		</table>
	</td>
</tr>
</table>
</BODY>
</HTML>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.01.2009, 16:16
    #35774289
MohaAM
MohaAM
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
Надо получить разметку как на рисунке.
Левая колонка растянута разными кантролами на неопределенное расстояние.
в правой колонке задан valign=top.
все что внетри <td valign=top> вынесено в др кантрол. его надо сделать так как тарисавано. т.е. одна таблица в самом верху, вторая в самом низу.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.01.2009, 16:17
    #35774293
MohaAM
MohaAM
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
рисунок
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.01.2009, 16:54
    #35774420
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
Можно попробовать вариант со вставкой в ячейку таблицы, состоящей из двух строк по одной ячейки. Для таблицы задать height="100%", позиционирование для верхней ячейки верхнее, нижней - нижнее. А в эти 2 ячейки вставить нужные две таблицы. Правда, получается очень нагромажденно.

Думаю, может возникнуть проблема, зависящая от доктайпа - таблица в ячейке может не растянуться полностью по высоте. С одной стороны, есть лекарство - задавать в стилях таблицы table-layout: fixed и обоим строкам табцы задавать высоты 50%, с другой - не уверен, что поможет.

Идея очень сырая, проверять не хочется. Попробуй - может, поможет. (А может, кто-то и зарубит эту идею на корню)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.01.2009, 20:12
    #35774804
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
Вариант 1 (автор IDVsbruck)
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<table style="width:100%"><tr><td rowspan= 2 >
text
</td><td style="vertical-align:top">
     <table><tr><td> </td></tr></table>
</td></tr><tr><td style="vertical-align:bottom">
     <table><tr><td> </td></tr></table>
</td></tr></table>
Вариант 2 (хз, вроде не кросбраузерно)
Код: plaintext
1.
2.
3.
4.
5.
6.
<table style="width:100%;position:relative"><tr><td>
text
</td><td>
     <table style="position:absolute;top:0px"><tr><td> </td></tr></table>
     <table style="position:absolute;bottom:0px"><tr><td> </td></tr></table>
</td></tr></table>
Вариант 3
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<table style="width:100%"><tr><td rowspan= 3 >
text
</td><td>
     <table><tr><td> </td></tr></table>
</td></tr><tr><td style="height:100%"> </td></tr><tr><td>
     <table><tr><td> </td></tr></table>
</td></tr></table>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.01.2009, 17:41
    #35775445
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
Ренат,

изо всех вариантов только первый выглядит работающим :-). Второй не то чтоб не кроссбраузерный, но чреват проблемами с границей внешней таблицы, т.к. внутренние будут вне потока, а также возможно наложение вложенных таблиц друг на друга (по той же причине). А в третьем варианте будут проблемы с height для td если doctype использовать (а ведь в таблице еще и rowspan есть, тоже та еще засада для td.height).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.01.2009, 18:43
    #35775487
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
illionРенат,

изо всех вариантов только первый выглядит работающим :-). Второй не то чтоб не кроссбраузерный, но чреват проблемами с границей внешней таблицы, т.к. внутренние будут вне потока, а также возможно наложение вложенных таблиц друг на друга (по той же причине). А в третьем варианте будут проблемы с height для td если doctype использовать (а ведь в таблице еще и rowspan есть, тоже та еще засада для td.height).
Пашол изучать html .... =)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2009, 08:42
    #35776590
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
MohaAMНадо получить разметку как на рисунке.
В моем варианте разве не так?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2009, 20:50
    #35778566
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
krvsaMohaAMНадо получить разметку как на рисунке.
В моем варианте разве не так?
ты там вроде опечатался:
или rowsapn=2 или еще один Tr-td нужен...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 08:33
    #35779022
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблицы
Ренатты там вроде опечатался:
Нет. Пример полностью рабочий...
Ренатили rowsapn=2 или еще один Tr-td нужен...
Да нужен еще один. А в чем криминал-то? Ты получаеш то, что тебе нужно по своим таблицам...

Но если хочешь подрючиться дальше - дрючься.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблицы / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 451ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455267]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 171ms
get topic data:
 6ms
get forum data:
 1ms
get page messages:
 26ms
get tp. blocked users:
 1ms
others: 209ms
total:  451ms
x
x
Закрыть


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