Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фиксированная ширина последней колонки / 6 сообщений из 6, страница 1 из 1
06.06.2013, 10:28
    #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, 16:14
    #38288655
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фиксированная ширина последней колонки
PavluhaПомогите подправить разметку
Для начала сделай полный тестовый пример. Кому нужны твои огрызки?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.06.2013, 16:42
    #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:45
    #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, 17:18
    #38288813
Pavluha
Pavluha
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фиксированная ширина последней колонки
krvsa,

Большое спасибо, с col все работает как надо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.06.2013, 08:44
    #38289447
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Фиксированная ширина последней колонки
Pavluha , нужно правильно объяснять таблице её предполагаемые размеры...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фиксированная ширина последней колонки / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 859ms
Закрыть
start [/forum/search_topic.php?author=azfox&author_mode=last_posts&do_search=1]:
 0ms
get settings:
 11ms
get forum list:
 20ms
get settings:
 11ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 186ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 52ms
get tp. blocked users:
 2ms
others: 534ms
total:  859ms
x
x
Закрыть


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