powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблицы
13 сообщений из 13, страница 1 из 1
Таблицы
    #35770321
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
Таблицы
    #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
Таблицы
    #35771147
MohaAM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Вы наверное меня не поняли, мне надо чтобы таблицы были одна в самом верху, вторая в самом низу, причем высота таблиц не может быть 100%.

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

---------

illion
...
Рейтинг: 0 / 0
Таблицы
    #35771326
Фотография 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
Таблицы
    #35774289
MohaAM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Надо получить разметку как на рисунке.
Левая колонка растянута разными кантролами на неопределенное расстояние.
в правой колонке задан valign=top.
все что внетри <td valign=top> вынесено в др кантрол. его надо сделать так как тарисавано. т.е. одна таблица в самом верху, вторая в самом низу.
...
Рейтинг: 0 / 0
Таблицы
    #35774293
MohaAM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
рисунок
...
Рейтинг: 0 / 0
Таблицы
    #35774420
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Можно попробовать вариант со вставкой в ячейку таблицы, состоящей из двух строк по одной ячейки. Для таблицы задать height="100%", позиционирование для верхней ячейки верхнее, нижней - нижнее. А в эти 2 ячейки вставить нужные две таблицы. Правда, получается очень нагромажденно.

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

Идея очень сырая, проверять не хочется. Попробуй - может, поможет. (А может, кто-то и зарубит эту идею на корню)
...
Рейтинг: 0 / 0
Таблицы
    #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
Таблицы
    #35775445
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ренат,

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

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

Но если хочешь подрючиться дальше - дрючься.
...
Рейтинг: 0 / 0
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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