Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица с раздвигающимися столбцами / 12 сообщений из 12, страница 1 из 1
17.07.2013, 13:12
    #38334022
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
Здравствуйте, таблицу создал:
Код: 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.
 
<!DOCTYPE html>
<!--html5-->

<html>
 
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<title>Таблица</title>

<style>
    table {
    width: 100%; /* Ширина таблицы */
	height: 100%; /* Высота таблицы */
    background: white; /* Цвет фона таблицы */
    color: white; /* Цвет текста */
    border-spacing: 1px; /* Расстояние между ячейками */
   }
   td, th {
    background: #800000; /* Цвет фона ячеек, #800000 - maroon*/
    padding: 5px; /* Поля вокруг текста */
   }
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#tr2 {
	width: 100%; /* Ширина строки таблицы в процентах*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#th1, #th2, #th3, #th4, #th5 {
	width: 20%; /* Ширина строки таблицы в процентах*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#td2 {
	width: 1px; /* Ширина столбца таблицы в пикселях*/
	}
</style>

</head> 

<body>

  <table>
   <tr id='tr1'>
<!--допускается вместо тега <td> использовать тег <th>
текст в ячейке, оформленной с помощью тега <th>
отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки-->
   <th id='th1'>УК РФ</th>
   <th id='th2'>УПК РФ</th>
   <th id='th3'>УИК РФ</th>
   <th id='th4'>КоАП РФ</th>
   <th id='th5'>ПДД</th>
   </tr>
   
   <tr id='tr2'>
   <td id='td1'>Ячейка 1</td>
   <td id='td2'></td>
   <td id='td3'>Ячейка 2</td>
   </tr>
</table>
  
</body>
</html>


Для начала, почему
1
height: 100%; /* Высота таблицы */ - не слушается???? и как чтобы первая строка имела высоту например 20 пикселей, остальную высоту таблицы вторая строка
2
#tr2 {
width: 100%; /* Ширина строки таблицы в процентах*/ - не слушается????
3
#td2 {
width: 1px; /* Ширина столбца таблицы в пикселях*/ - не слушается????

Затем как сделать, чтобы
4
наведя курсор мыши на столбец между Ячейка 1 и Ячейка 2 курсор поменялся на такой, который принимает вид в случае возможности раздвигания столбцов таблицы
5
как сделать это раздвигание столбцов таблицы?
Спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 14:51
    #38334213
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
катастрофатаблицу создал
Корявая какая-то таблица... Даже количество колонок не совпадает...

катастрофапочему:
- height: 100%; /* Высота таблицы */ - не слушается????
- и как чтобы первая строка имела высоту например 20 пикселей, остальную высоту таблицы вторая строка 2
- width: 100%; /* Ширина строки таблицы в процентах*/ - не слушается?
- width: 1px; /* Ширина столбца таблицы в пикселях*/ - не слушается?

Потому как делать не умеешь...
Как вариант...

Код: 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.
<!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;
}
html,
body {
    width: 100%; 
	height: 100%;
}
table {
    width: 100%; 
	height: 100%;
    color: white;
    border-spacing: 0;
	border: 1px solid;
	border-collapce: collapce;
}
td, th {
    background: #800000;
    padding: 5px;
	border: 1px solid;
}
#tr1 {
	height: 20px;
}
#th2 {
    width: 1px; 
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table>
	<thead>
		<tr id='tr1'>
			<th id='th1'>УК РФ</th>
			<th id='th2'></th>
			<th id='th3'>УИК РФ</th>
			<th id='th4'>КоАП РФ</th>
			<th id='th5'>ПДД</th>
		</tr>
	</thead>
	<tbody>
		<tr id='tr2'>
			<td id='td1'>Ячейка 1</td>
			<td id='td2'></td>
			<td id='td3'>Ячейка 3</td>
			<td id='td3'>Ячейка 4</td>
			<td id='td3'>Ячейка 5</td>
		</tr>
	<tbody>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 14:52
    #38334216
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
катастрофаЗатем как сделать, чтобы
4
наведя курсор мыши на столбец между Ячейка 1 и Ячейка 2 курсор поменялся на такой, который принимает вид в случае возможности раздвигания столбцов таблицы
5
как сделать это раздвигание столбцов таблицы?
Спасибо
За "спасибо" не получится... Готовь деньгу.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 15:58
    #38334343
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
krvsaЗа "спасибо" не получится... Готовь деньгу.
У меня уже готовый примерчик лежит в интернете, но не "за деньгу", ни "за так" не отдам. Не хочу потом азбуку преподавать и объяснять, как куда-то что-то прикручивать.
Здесь такое дело: не нашёл готового решения с мануалом, не умеешь сделать сам - иди лесом учиться.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 16:55
    #38334457
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
ShSergeне умеешь сделать сам - иди лесом учиться.
Тогда пусть начинает изучать...
http://javascript.ru/ui/draganddrop
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 21:56
    #38334838
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
вообще тег TreeView существует?, а то херь какая-то после того как гуглишь, например HTML TreeView Generator, типа мне слабо сгенирировать?

всё сделал:

Код: 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.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
<!DOCTYPE html>
<!--html5-->

<html>
 
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<title>Таблица</title>

<style>
    html,
    body {
    width: 100%; 
	height: 100%;
}
    table {
    width: 100%; /*ширина таблицы*/
	background: white; /*цвет фона таблицы*/
    color: #ffffff; /*цвет текста, #ffffff - белый , #000000 - чёрный*/
    border-spacing: 1px; /*расстояние между ячейками*/
   }
   td {
    background: #800000; /*цвет фона ячеек, #800000 - maroon*/
    padding: 5px; /*поля вокруг текста*/
   }
   th {
    background: #FFDD00; /*цвет фона ячеек*/
    padding: 5px; /*поля вокруг текста*/
   }
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#tr1, #tr2 {
	width: 100%; /*ширина строки таблицы*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#tr1 {
	height: 20px;  /*высота таблицы*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#th11, #th12, #th13, #th14, #th15, #th16 {
	width: 16.6%; /*ширина строки таблицы*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#td21 {
	width: 24.95%; /*ширина столбца таблицы*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#td22 {
	width: 0.1%; /*ширина столбца таблицы*/
	background: #000000; /*цвет фона ячеек, #ffffff - белый , #000000 - чёрный*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#td23 {
	width: 74.95%; /*ширина столбца таблицы*/
	}
</style>

</head> 

<body>

<table>
   <tr id='tr1'>
<!--допускается вместо тега <td> использовать тег <th>
текст в ячейке, оформленной с помощью тега <th>
отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки-->
   <th id='th11'>УК РФ</th>
   <th id='th12'>УПК РФ</th>
   <th id='th13'>УИК РФ</th>
   <th id='th14'>КоАП РФ</th>
   <th id='th15'>ПДД</th>
   <th id='th16'>ДНСД РФ</th>
   </tr>
</table>
   
<table>
   <tr id='tr2'>
   <td id='td21'>Ячейка 1</td>
   <td id='td22'></td>
   <td id='td23'>Ячейка 2</td>
   </tr>
</table>
  
</body>
</html>


чтобы не париться сделал две таблицы, если кто поправит как при таких же столбцах и таких соотношениях объединить в одну буду благодарен
Драг энд дроп... там точно есть:
наведя курсор мыши на столбец между Ячейка 1 и Ячейка 2 курсор поменялся на такой, который принимает вид в случае возможности раздвигания столбцов таблицы??????
За "спасибо" не получится... Готовь деньгу.
Сколько? А Волжский он в Челябинской области? :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2013, 22:09
    #38334843
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
катастрофа...А Волжский он в Челябинской области? :)
Имхо, через речку от Сталинграда. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2013, 08:25
    #38335033
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
катастрофаСколько?
Предлагай...
Поскольку ТЗ точного у тебя нет, может хоть сумма твоя меня заинтересует...

ShSergeчерез речку от Сталинграда. :)
Именно так.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.07.2013, 20:48
    #38337537
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
krvsa,
>Поскольку ТЗ точного у тебя нет
конечно, чтобы его создать надо два дня его оттачивать и в конце получить ответ, что это в принципе не возможно, что это мои хотелки...
что касается цены - 555
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.07.2013, 23:13
    #38338005
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
катастрофачто касается цены - 555
Не заинтересовал...
Это 1кг кпченой колбасы. За еду я не работаю...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.07.2013, 03:11
    #38338536
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
krvsa, кпченная душоночка, ну накинем на колбасу - 1555
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.07.2013, 08:29
    #38338563
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица с раздвигающимися столбцами
катастрофану накинем на колбасу - 1555
Повторюсь...
krvsaЗа еду я не работаю...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица с раздвигающимися столбцами / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 534ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448095]:
 0ms
get settings:
 9ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 197ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 55ms
get tp. blocked users:
 1ms
others: 239ms
total:  534ms
x
x
Закрыть


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