Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Автоматическая ширина ячеек в строке / 7 сообщений из 7, страница 1 из 1
25.03.2010, 15:53:35
    #36542661
Gena928
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Автоматическая ширина ячеек в строке
Добрый день,

есть строка с тремя ячейками:
- в первой картинка (ширина фиксированная);
- во второй повторяющийся рисунок;
- в третьей DataPager из asp.net

Ширина таблицы фиксированная. Надо чтобы ширина 2 и 3 ячейки подгонялись автоматически. т.е. у Пейджера может быть 10 страниц, тогда 2 ячейка должна ужаться, и если у пейджера 2 страницы, то она сама должна увеличиться и заполнить пустое пространство пространство.

Подскажите пожалуйста, как такое возможно?
...
Рейтинг: 0 / 0
25.03.2010, 17:35:44
    #36542977
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Автоматическая ширина ячеек в строке
А обязательно хочется таблицей?
...
Рейтинг: 0 / 0
25.03.2010, 17:54:26
    #36543023
Gena928
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Автоматическая ширина ячеек в строке
зыА обязательно хочется таблицей?

Мне в данном случае таблица удобна.

А какие варианты? DIVов натыкать?
...
Рейтинг: 0 / 0
25.03.2010, 18:09:05
    #36543054
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Автоматическая ширина ячеек в строке
можно список застилизовать
...
Рейтинг: 0 / 0
25.03.2010, 21:09:09
    #36543314
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Автоматическая ширина ячеек в строке
Gena928Мне в данном случае таблица удобна.
Как вариант...

Код: 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.
51.
52.
53.
54.
55.
56.
<html>
<head>
<style type="text/css">
* {
	margin:  0 ;
	padding:  0 ;
}
#button {
	width: 80px;
}
#cont {
	padding-top: 3px;
	padding-bottom: 3px;
}
#info {
	height: 20px;
	background-color: green;
}
#pages {
	float: right;
	width: auto;
	height:  100 %;
	background-color: #FFFFFF;
}
.page {
	float: left;
	height:  100 %;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: silver;
}
</style>
</head>

<body>
<table width='100%' cellpadding='0' cellspacing='0' border='0'>
	<tr>
		<td id='button'>
			<input type='button' value='Ответить'>
		</td>
		<td id='cont'>
			<div id='info'>
				<div id='pages'>
					<div class='page'> 1 </div>
					<div class='page'> 2 </div>
					<div class='page'> 3 </div>
					<div class='page'>-</div>
					<div class='page'>Last Page</div>
				</div>
			</div>
		</td>
	</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
26.03.2010, 12:01:22
    #36544175
Gena928
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Автоматическая ширина ячеек в строке
krvsaGena928Мне в данном случае таблица удобна.
Как вариант...

Код: 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.
51.
52.
53.
54.
55.
56.
<html>
<head>
<style type="text/css">
* {
	margin:  0 ;
	padding:  0 ;
}
#button {
	width: 80px;
}
#cont {
	padding-top: 3px;
	padding-bottom: 3px;
}
#info {
	height: 20px;
	background-color: green;
}
#pages {
	float: right;
	width: auto;
	height:  100 %;
	background-color: #FFFFFF;
}
.page {
	float: left;
	height:  100 %;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: silver;
}
</style>
</head>

<body>
<table width='100%' cellpadding='0' cellspacing='0' border='0'>
	<tr>
		<td id='button'>
			<input type='button' value='Ответить'>
		</td>
		<td id='cont'>
			<div id='info'>
				<div id='pages'>
					<div class='page'> 1 </div>
					<div class='page'> 2 </div>
					<div class='page'> 3 </div>
					<div class='page'>-</div>
					<div class='page'>Last Page</div>
				</div>
			</div>
		</td>
	</tr>
</table>
</body>
</html>

спасибо, попробую
...
Рейтинг: 0 / 0
26.03.2010, 14:28:48
    #36544741
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Автоматическая ширина ячеек в строке
Gena928 , только не нужно так много цитировать.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Автоматическая ширина ячеек в строке / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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