ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фиксированная ширина последней колонки
6 сообщений из 6, страница 1 из 1
Фиксированная ширина последней колонки
    #38287875
Pavluha
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavluha
Гость
Вот колонка:
Код: html
1.
<th rowspan="2" class="lastcol"></th>


Вот ее стиль
Код: css
1.
2.
3.
4.
5.
6.
7.
.lastcol
{
    width: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}


Разметка страницы в браузере:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<thead>
		    <tr>
			    <th nowrap rowspan="2" style="width:4%; text-align:center; white-space: nowrap;">ФИО</th>
                <th colspan="2" style="width:5%; text-align:center;">Кол-во нарядов</th>
			        <th colspan="2" style="width:45%; text-align:center;">Повышение качества работы</th>
			        <th colspan="2" style="width:45%; text-align:center;">Выработка норматива по количеству обслуживаемого оборудования (за месяц)</th>
			    <th rowspan="2" class="lastcol"></th>
		    </tr>
		    <tr>
                <th style="width:1%; text-align:center;">Назначено</th>
                <th style="width:1%; text-align:center;">Выполнено</th>
                    <th style="width:1%; text-align:center;">Факт</th>
                    <th style="width:1%; text-align:center;">Результат</th>
                    <th style="width:1%; text-align:center;">Факт</th>
                    <th style="width:1%; text-align:center;">Результат</th>
		    </tr>
	    </thead>



А само отображение ппросто ппц. Последняя колонка занимает больше 50%
Помогите подправить разметку
...
Рейтинг: 0 / 0
06.06.2013, 10:28
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38288655
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
PavluhaПомогите подправить разметку
Для начала сделай полный тестовый пример. Кому нужны твои огрызки?
...
Рейтинг: 0 / 0
06.06.2013, 16:14
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38288735
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант...

Код: html
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.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
table {
    width: 100%;
	table-layout: fixed;
}
.lastcol1 {
    width: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table border='1'>
	<col style='' />
	<col style='' />
	<col style='' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 20px;' />
<thead>
	<tr>
		<th nowrap rowspan="2">
</th>
		<th colspan="2">
</th>
		<th colspan="2">
</th>
		<th colspan="2">
</th>
		<th rowspan="2">
</th>
	</tr>
	<tr>
		<th>
</th>
		<th>
</th>
		<th>
</th>
		<th>
</th>
		<th>
</th>
		<th>
</th>
	</tr>
</thead>
</table>
</body>
</html>


У таблиц своё понимание того как ей нужно форматировать ширину и высоту ячеек... Твой вариант ей не понятен.
...
Рейтинг: 0 / 0
06.06.2013, 16:42
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38288742
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Что-то мои
Код: html
1.
2.



Пропали куда-то... Вот вариант с пробелами...


Код: html
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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
table {
    width: 100%;
	table-layout: fixed;
}
.lastcol1 {
    width: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table border='1'>
	<col style='' />
	<col style='' />
	<col style='' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 20px;' />
<thead>
	<tr>
		<th nowrap rowspan="2">&nbsp;</th>
		<th colspan="2">&nbsp;</th>
		<th colspan="2">&nbsp;</th>
		<th colspan="2">&nbsp;</th>
		<th rowspan="2">&nbsp;</th>
	</tr>
	<tr>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
	</tr>
</thead>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
06.06.2013, 16:45
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38288813
Pavluha
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavluha
Гость
krvsa,

Большое спасибо, с col все работает как надо!
...
Рейтинг: 0 / 0
06.06.2013, 17:18
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38289447
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Pavluha , нужно правильно объяснять таблице её предполагаемые размеры...
...
Рейтинг: 0 / 0
07.06.2013, 08:44
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фиксированная ширина последней колонки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=129&tid=1448259]:
 0ms
get settings:
 10ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 48ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 41ms
get tp. blocked users:
 1ms
others: 264ms
total:  401ms
созд. / загр.: 401ms
x
x
Закрыть


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