powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / А <div> внутри <td> это сильно моветон?
13 сообщений из 38, страница 2 из 2
А <div> внутри <td> это сильно моветон?
    #36358387
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Два дива один флоат:лефт, другой флоат:райт. Между ними бр.
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36358398
...хм...
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
авторДва дива один флоат:лефт, другой флоат:райт. Между ними бр.
а смысл?
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36358809
Фотография Flying-home
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...хм...,

Смысл на картинке.

2all

<p> не подходит, тк добавляет большой междустрочный интервал.
Вопрос усложнился.
Надо как-то сделать, чтоб при увеличении высоты ячейки первая сторка прижималась кверху, а вторая - к низу.
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36358830
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Flying-home<p> не подходит, тк добавляет большой междустрочный интервал.

Даже при

Код: plaintext
1.
margin-top:  0 ;
margin-bottom:  0 ;

?

Flying-homeНадо как-то сделать, чтоб при увеличении высоты ячейки первая сторка прижималась кверху, а вторая - к низу.

Значит я правильно понял к чему все придёт...
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36358848
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Flying-home<p> не подходит, тк добавляет большой междустрочный интервал.

На тестовый пример значит силов тебе так и не хватило.

Ну нет между рамками абзацев никакого "междустрочного интервала". Который тоже кстати можно изменить...

Код: 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Test</title>
<style type="text/css">
#cont {
	width: 200px;
}
.up {
	margin: 0 ; 
	text-decoration: underline;
}
.down {
	margin: 0 ; 
	text-align:right;
}
p {
	border: 1px solid;
}
</style> 
</head>
<body>
<table>
<tr>
<td id='cont'>
<p class="up"> 09 . 12 . 2009 </p>
<p class="down"> 11 . 57 . 06 </p>
</td>
</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36358864
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Flying-home
Надо как-то сделать, чтоб при увеличении высоты ячейки первая сторка прижималась кверху, а вторая - к низу.

Как вариант...

Код: 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Test</title>
<style type="text/css">
#cont {
	width: 200px;
	height: 100px;
	position: absolute;
	vertical-align: top;
}
.up {
	margin: 0 ; 
	text-decoration: underline;
}
.down {
	margin: 0 ; 
	position: absolute;
	right:  0 ;
	bottom:  0 ;
}
p {
	border: 1px solid;
}
</style> 
</head>
<body>
<table>
<tr>
<td id='cont'>
<p class="up"> 09 . 12 . 2009 </p>
<p class="down"> 11 . 57 . 06 </p>
</td>
</tr>
</table>
</body>
</html>

И не ленись писать тестовые примеры...
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36359484
Фотография Flying-home
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,

Круто. Ощущаю себя раздавленным чужим интеллектом.
Дома покумекаю, что как.
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36359513
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Flying-home , главное чтобы на пользу пошло...
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36360231
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,

position:absolute в таблицах опасно использовать. Например, добавим пару строк к твоему примеру и увидим:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<table border="1">
<tr><td>test</td></tr>
<tr>
<td id='cont'>
<p class="up"> 09 . 12 . 2009 </p>
<p class="down"> 11 . 57 . 06 </p>
</td>
</tr>
<tr><td>test2</td></tr>
</table>
Скриншот не прилагаю, разленилась донельзя :-)
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36360351
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
illionposition:absolute в таблицах опасно использовать

Спасибо за участие в темке.
Тогда такая модификаия...

Код: 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.
49.
50.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Test</title>
<style type="text/css">
#cont {
	width: 200px;
	height: 100px;
	position: relative;
	vertical-align: top;
}
#cont div {
	width:  100 %;
	height:  100 %;
	position: relative;
}
.up {
	margin: 0 ; 
	text-decoration: underline;
}
.down {
	margin: 0 ; 
	position: absolute;
	right:  0 ;
	bottom:  0 ;
}
p {
	border: 1px solid;
}
</style> 
</head>
<body>
<table border="1">
<tr>
<td>test</td>
</tr>
<tr>
<td id='cont'>
	<div>
		<p class="up"> 09 . 12 . 2009 </p>
		<p class="down"> 11 . 57 . 06 </p>
	</div>
</td>
</tr>
<tr>
<td>test2</td>
</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36360356
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Забыл удалить... Вот так.

Код: plaintext
1.
2.
3.
4.
5.
#cont {
	width: 200px;
	height: 100px;
	vertical-align: top;
}
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36361653
...хм...
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<table style="font-size:12px;">
    <tr> 
            <td>           
                test
            </td>           
        </tr>
        <tr>                  
            <td style="width:150px;vertical-align:top; position:relative;height:3em;">           
                <p style="margin:0; border: solid 1px red;font-size:1.5em;text-decoration: underline;" > 15 . 04 . 1973 </p>
                <p style="margin:0; border: solid 1px red; position:absolute; right:0; bottom:0; font-size:.9em;"> 11 : 50 : 25 </p>
            </td>            
        </tr>        
        <tr>              
            <td>           
                test
            </td>           
        </tr>        
</table>
возможно, не самый лучший вариант (возможно, даже не кроссброузерный), но в 7 осле как бэ отработал... ;)))
...
Рейтинг: 0 / 0
А <div> внутри <td> это сильно моветон?
    #36361675
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...хм...возможно, даже не кроссброузерный

Так и есть. Не работает в Опере и ФФ... В ИЕ6.0 тоже отработал вроде.
...
Рейтинг: 0 / 0
13 сообщений из 38, страница 2 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / А <div> внутри <td> это сильно моветон?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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